調整字元間距: letter-spacing: normal | 長度
調整單詞間距: word-spacing: normal | 長度
新增文字修飾: text-decoration: underline | overline | line-through | blink | none
設定文字排列方式: text-align: left | right | center | justify(兩段對齊)
設定段落縮排: text-indent: 長度 | 百分比
調整行高: line-height: normal | 數字 | 長度 | 百分比
轉換英文大小寫: text-transform: uppercase | lowercase | capitalize(單詞首字母大寫) | none
顏色和背景:
網頁中的每乙個元素都有乙個前景色和乙個後景色, 而且前景色和後景色最好同時設定, 以免重複或衝突.
設定顏色: color:顏色
color屬性不是只用來設定字型的顏色, 網頁中每個元素的顏色都可以用color屬性來設定, color屬性設定的顏色一般都為標記內容的前景色.
設定背景顏色: background-color: 顏色 | transparent(透明值)
在css中使用background-color屬性不僅可以設定網頁的背景顏色, 還可以設定文字的背景顏色
插入背景: background-image: url | none
background-image
<
html
>
<
head
>
<
title
>
應用背景屬性
title
>
<
style
type
="text/css"
>
style
>
head
>
<
body
>
<
center
>
<
h2>
插入背景
h2>
center
>
<
hr>
<
p class
=p1>
這段文字的顏色為黑色,文字背景和網頁背景的不一樣
p>
body
>
html
>
插入背景附件: back-ground-attachment: scroll | fixed
設定背景是否隨著滾動條的移動而一起移動
設定重複背景: background-repeat: repeat(水平和垂直方向平鋪) | repeat-x(水平方向平鋪) | repeat-y(垂直方向平鋪) | no-repeat(不平鋪)
使用background-image屬性設定網頁的背景時, 背景總是在水平和垂直方向重複顯示並平鋪於整個視窗.
將backgrond-image和background-repeat屬性結合使用, 就可以方便地控制背景的平鋪方式.
設定背景位置: background-position: 百分比 | 長度 | 關鍵字
例項:code
<
html
>
<
head
>
<
title
>
設定顏色和背景
title
>
<
style
type
=text/css
>
style
>
head
>
<
body
>
<
center
>
<
h2>
黃鶴樓h2
>
<
hr>
<
p class
=p1>
昔人已乘黃鶴去，此地空餘黃鶴樓。
p>
<
p class
=p1>
黃鶴一去不復返，白雲千載空悠悠。
p>
<
p class
=p1>
晴川歷歷漢陽樹，芳草萋萋鸚鵡洲。
p>
<
p class
=p1>
日暮鄉關何處是，煙波江上使人愁。
p>
center
>
body
>
html
>
邊框和邊距:
邊框屬性包括邊框樣式, 邊框顏色, 邊框寬度, 主要用來設定網頁中各個元素的邊框, 如段落, , **等
設計邊框樣式: boder-style
border-style:樣式取值
border-top-style:樣式取值
border-bottom-style:樣式取值
border-left-style:樣式取值
border-right-style:樣式取值
調整邊框寬度: border-width
border-width:關鍵字 | 長度
border-top-width:關鍵字 | 長度
border-bottom-width:關鍵字 | 長度
border-right-width:關鍵字 | 長度
border-left-width:關鍵字 | 長度
設定邊框顏色 border-color
設定邊框屬性: border 同時設定邊框的寬度,樣式和顏色
border: 邊框寬度 | 邊框樣式 | 邊框顏色
border-top:
border-bottom:
border-right:
border-left:
邊距: margin-top / margin-bottom / margin-right / margin-left / margin
用來設定網頁中某個元素的四邊和網頁中其他元素之間的空白距離.
填充: padding-top / padding-bottom / padding-right / padding-left / padding
用來控制邊框和其他元素之間的空白距離, 和邊距屬性很類似.
Day4 CSS 顏色 字型 邊框 背景
使用英文單詞表示顏色 16進製表示顏色，一共六個數值，前兩個表示紅色，中間兩個表示綠色，後面表示藍色，取值範圍0 f，000000 表示黑色 簡寫 000，ffffff 表示白色 簡寫 fff rgb表示顏色,rgb 取值範圍0 255 帶透明度，rgba rgb取值範圍0 255，最後一位是透明度...
css基礎入門文字 背景和邊框屬性
1 font size 10px 文字大小 2 color 文字顏色 3 font family 微軟雅黑 文字字型 4 line height 行高 1 background color 背景顏色 2 background repeat no repeat repeat x repeat y 背景...
CSS學習之「顏色和背景」
在css中，只有一種型別的顏色，即簡單的純色。另外在css中，可以設定任何元素的前影色和背景色。那什麼是元素的前景呢？一般來說，前景是指元素中的文字，但也不盡然 元素的邊框也被認為是前景的一部分。這樣就有兩種方式直接影響元素的前影色 使用顏色屬性和使用邊框屬性中的一種來設定邊框顏色。最基本的是邊框顏...