文本屬性

1、letter-spacing

功能：控制文本元素字母間的間距，所設置的距離適用于整個元素。
數值：
normal - 正常間距，將字符間的間距復位為所有字體和字號的正常間距。
長度 - 設置字間距長度，正值表示加進父元素中繼承的正常長度，負值則減去正常長度。在數字后指定度量單位如下：mm, cm, in, pt(點

數), px(象素), pc(pica), ex(小寫字母x的高度), em(大寫字母M的寬度)。

2、line-height

功能：設置元素中文本的行間距。
數值：
normal - 正常高度，通常為字體尺寸的 1-1.2倍，這是缺省設置。
數字 - 設置元素中毎行文本的距離為字體尺寸乘以這個數字。例如字體尺寸為10點，設置line-height為2，則間距20點。
長度 - 用標準度量單位設置間距，有些是絕對的，有些是相對的，詳見letter-spacing中的説明。
百分比 - 也字體尺寸的百分比設置間距。

3、text-align

功能：在元素框中水平對齊文本。
數值：
left - 左對齊
right - 右對齊
center - 居中
justify - 均勻分布， 生成等長的行

4、text-decoration

功能：文本修飾，用于控制文本元素所用的效果，特別適用于引人注意的說明，警告等文本效果。
數值：
none - 無文本修飾，缺省設置。
underline - 下劃線。
overline - 上劃線。
line-through - 刪除線。
blink - 閃爍。
同一語句中可以組合多個關鍵字。

5、text-indent

功能：文本縮排，用于段落的第一行縮排上。
數值：
長度 - 設置首行縮排的尺寸為指定度量單位，有些單位是相對的，有些則是絕對的，祥見 letter-spacing 屬性的說明部分。
百分比 - 以行長的百分比設置首行縮排量。

6、text-transform

功能：設置一個或幾個元素的大寫標準。
數值：
none - 不改變文本的大寫小寫。
capitalize - 元素中毎個單詞的第一個字母用大寫。
uppercase - 將所有文本設置為大寫。
lowercase - 將所有文本設置為小寫。

7、vertical-align

功能：垂直對齊。
數值：
baseline - 對準兩個元素的小寫字母基準線。
sub - 下標。
super - 上標。
top - 頂部對齊。
text-top - 文本頂對齊。
middle - 中線對齊。
bottom - 底線對齊。
text-bottom - 字母底線對齊。
百分比 - 將線上元素基準線在父元素基準線基礎上升降一定的百分比，和元素的 line-height 屬性組合使用。

8、word-spacing

功能：控制文本中元素單詞間的間距。設置的間距適用于整個元素，不能在某個單詞間插入更大或更小的間距。
數值：
normal - 正常間距。
長度 - 如果長度為正，則加進從父元素繼承的正常長度，如果是負值，則減去。

文本填充，邊框，邊界和位置屬性（一）

一、框填充屬性

1、padding-bottom
padding-left
padding-top
padding-right

功能：毎個容器都有邊框，這些屬性設置邊框與框內元素間的距離。
數值：
長度 - 設置相對或絕對值。在數字后指定度量單位如下：mm, cm, in, pt, px, pc, ex, em。em 和 ex 設置產生相對于父字體的字體尺寸。
百分比 - 以父元素的百分比設置邊框。
說明：填充值不能使用負值，但可以是小數。

2、padding

功能：是個簡寫屬性，用于設置上，下，左，右各個方向邊框和內容元素的間距。
數值：同前。
說明：用單一值可以讓毎邊等距填充；如果用兩個值，則第一個值用于上下填充，第二個值用于左右填充；如果用三個值，則賦于上邊填充，

左右填充和下邊填充；如果用四個值，則分別用于上，右，下，左填充。可以混合數值類型。

二、框邊框屬性

1、border-top
border-bottom
border-right
border-left

功能：這四個屬性都是簡寫屬性，分別設置上，下，右，左的邊框屬性。缺省情況下，邊框沒有樣式設置。
數值：共有三個邊框屬性
border-width: 取值為 thin, medium, thick或指定長度。
border-style: 設置用于修飾邊框的底紋。可以設置下列樣式：none, dotted,doshed, solid, double, groove, ridge, inset, outset。
border-color: 設置邊框顏色。

2、border-top-width
border-bottom-width
border-right=width
border-left-width

功能：分別設置各個邊框的厚度。
數值：
thin - 細邊框。
medium - 中等線寬。
thick - 粗線。
長度 - 用相對或絕對單位設置邊框寬度。

3、border-width

功能：簡寫屬性，可同時設置四個邊框的寬度。
數值：
thin - 細邊框。
medium - 中等線寬。
thick - 粗線。
長度 - 用相對或絕對單位設置邊框寬度。
說明：見 padding 說明。

4、border-color

功能：簡寫屬性，設置四個邊框的顏色值。
數值：可以用顏色名或RGB值。如果指定單個顏色，則四個邊框都顯示為這個顏色；如果指定兩個顏色，則順序為上下，左右；如果指定三種顏

色，則順序為上，左右，下；如果指定四種顏色，則順序為上，右，下，左。
說明：顏色名如下
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.
對于RGB值，可用三種方法指定
#rrggbb; rgb(r,g,b); rgb(r%,g%,b%)

5、border-style

功能：用于顯示邊框和指定邊框樣式。
數值：
none - 不顯示邊框，為缺省值
dotted - 點線
dashed - 虛線
solid - 實線
double - 雙線
groove - 3D陷入線
ridge - 3D山脊狀線
inset - 使頁面有沉入感
outset - 使頁面有浮出感
說明：并非所有瀏覽器都能顯示ridge, inset, outset 之類的樣式，有些瀏覽器將所有邊框都繪制成實線。

6、border

功能：簡寫屬性，設置所有邊框屬性。
數值：
border-width - 取值 thin, medium, thick 或指定長度。
border-style - 取值 none, dotted, dashed, solid, double, groove, ridge, inset, outset
border-color - 可用顏色名或RGB值。
說明：與其它簡寫屬性不同的是，每個設置只能取一個值，這個屬性均勻作用于框的各邊。

文本填充，邊框，邊界和位置屬性（二）

三、框邊界屬性

1、margin-bottom
margin-left
margin-right
margin-top

功能：這四個屬性用來設置元素與其相鄰元素間的距離，可以用長度或相對于其父文本的寬度的百分比來定義，也可以自動處理。
數值：
長度 - 設置元素相應邊與框邊緣之間的相對或絕對距離，有效單位為：mm, cm, in, px, pt, pica,ex, em ...
百分比 - 以父元素寬度的百分比設置邊界尺寸。
auto - 自動，這個設置取瀏覽器的缺省邊界。

2、margin

功能：簡寫屬性，用于設置元素的所有邊界。這是用于描述元素的內容的邊緣到框邊緣的距離的。這個區總是透明的，可以看到下面的頁面背

景。
數值：
長度 - 同前
百分比 - 以父元素寬度的百分比設置邊界尺寸。
auto - 自動，這個設置取瀏覽器的缺省邊界。

四、框位置屬性

1、height

功能：設置元素高度，瀏覽器按照這個高度調整圖形。
數值：
長度 - mm, cm, px, pt, .....
auto - 自動。

2、width

功能：設置元素寬度，瀏覽器按照這個寬度調整圖形。
數值：
長度 - mm, cm, in, px, pt, ......
百分比 - 將圖形尺寸設置為父元素寬度的百分比。
auto - 自動調整

3、float

功能：用于在普通元素流布置規則以外放上元素。
數值：
none - 無改動。
left - 將其它元素內容放到浮動元素右邊。
right - 將其它元素內容放到浮動元素左邊。

4、clear

功能：用于允許或禁止指定元素旁邊放置其它元素(通常是線上圖形).
數值：
none - 無限制。
left - 將元素放在左邊浮動元素下面
right - 將元素放在右邊浮動元素下面
both - 元素兩邊都不允許放置浮動元素

顏色和背景屬性

1、color

功能：設置前景或元素的顏色。
數值：使用顏色關鍵字或RGB值。

2、background-color

功能：設置頁面或頁面元素的背景顏色。
數值：
顏色 - 可用顏色名或RGB值
transparent - 透明，使頁面背景為缺省背景。

3、background-image

功能：定義背景圖形。
數值：
none - 不用圖形作背景
url - 提供圖形文件的URL地址
說明：也可以包括background-color屬性以便在找不到圖形時代用

4、background-repeat

功能：控制圖形背景是否重復排列。
數值：
repeat - 垂直和水平重復，缺省值
repeat-x - 水平重復
repeat-y - 垂直重復
no-repeat - 不重復
說明：這個屬性和 background-image 和 background-position 屬性一起使用。

5、background-attachment

功能：指定元素的背景是隨元素一起滾動還是固定在頁面某個位置上。
數值：
scroll - 隨元素一起滾動
fixed - 固定
說明：
缺省值是 scroll，這個屬性和 background-image 屬性一起使用。

6、background-position

功能：用于在空間中定位元素背景
數值：
長度 - 相對或絕對單位設置元素框邊緣的起點，并給出單位下的坐標。
百分比 - 用百分比表示框邊緣上瀏覽器開始放圖的位置。可以重復這個值也提供垂直和水平起點
垂直位置 - 設置豎直方向的起點，關鍵字為 top, center, bottom
水平位置 - 設置水平方向的起點，關鍵字 left, center, right
例如：top left, left top和0% 0% 都表示圖形左上角從元素框左上角開始

7、background

功能：簡寫屬性，可以設置所有背景屬性。
數值：
background-attachment
background-color
background-image
background-position
background-repeat
有關上述數值的細節，見各個屬性部分。

分類屬性

1、display

功能：改變元素的顯示值，可以將元素類型線上，塊和清單項目相互變換。
數值：
none - 不顯示元素
block - 塊顯示，在元素前后設置分行符
inline - 刪除元素前后的分行符，使其并入其它元素流中
list-item - 將元素設置為清單中的一行
說明：可用 display 屬性值生成插入標題和補加清單或讓圖形變成線上顯示。

2、white-space

功能：控制元素內的空白。
數值：
normal - 不改變，保持缺省值，在瀏覽器頁面長度處換行。
pre - 要求文檔顯示中采用源代碼中的格式。
nowarp - 不讓訪問者在元素內換行。

3、list-style-type

功能：指定清單所用的強調符或編號類型
數值：
none - 無強調符
disc - 碟形強調符(實心圓)
circle - 圓形強調符(空心圓)
square - 方形強調符(實心)
decimal - 十進制數強調符
lower-roman - 小寫羅馬字強調符
upper-roman - 大寫羅馬字強調符
lower-alpha - 小寫字母強調符
upper-alpha - 大寫字母強調符

4、list-style-image

功能：用于將清單中標準強調符換成所選的圖形
數值：
無圖形
url - 圖形URL地址

5、list-style-position

功能：用于設置強調符的縮排或伸排，這個屬性可以讓強調符突出于清單以外或與清單項目對齊。
數值：
inside - 縮排，將強調符與清單項目內容左邊界對齊
outside - 伸排，強調符突出到清單項目內容左邊界以外

6、list-style

功能：簡寫屬性，將所有清單屬性放在一條語句中。
數值：
list-style-type
list-style-position
list-style-image
這些值的細節見各個屬性部分。