多重樣式將層疊爲一個
樣式表允許以多種方式規定樣式信息。樣式可以規定在單個的 HTML 元素中，在 HTML 頁的頭元素中，或在一個外部的 CSS 文件中。甚至可以在同一個 HTML 文檔內部引用多個外部樣式表。
層疊次序
當同一個 HTML 元素被不止一個樣式定義時，會使用哪個樣式呢？
一般而言，所有的樣式會根據下面的規則層疊於一個新的虛擬樣式表中，其中數字 4 擁有最高的優先權。
- 瀏覽器缺省設置
- 外部樣式表
- 內部樣式表（位於 <head> 標籤內部）
- 內聯樣式（在 HTML 元素內部）
因此，內聯樣式（在 HTML 元素內部）擁有最高的優先權，這意味着它將優先於以下的樣式聲明：<head> 標籤中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（缺省值）。
CSS 文本屬性
| 屬性 | 描述 |
|---|---|
| color | 設置文本顏色 |
| direction | 設置文本方向。 |
| line-height | 設置行高。 |
| letter-spacing | 設置字符間距。 |
| text-align | 對齊元素中的文本。 |
| text-decoration | 向文本添加修飾。 |
| text-indent | 縮進元素中文本的首行。 |
| text-shadow | 設置文本陰影。CSS2 包含該屬性，但是 CSS2.1 沒有保留該屬性。 |
| text-transform | 控制元素中的字母。 |
| unicode-bidi | 設置文本方向。 |
| white-space | 設置元素中空白的處理方式。 |
| word-spacing | 設置字間距。 |
CSS 背景屬性
| 屬性 | 描述 |
|---|---|
| background | 簡寫屬性，作用是將背景屬性設置在一個聲明中。 |
| background-attachment | 背景圖像是否固定或者隨着頁面的其餘部分滾動。 |
| background-color | 設置元素的背景顏色。 |
| background-image | 把圖像設置爲背景。 |
| background-position | 設置背景圖像的起始位置。 |
| background-repeat | 設置背景圖像是否及如何重複。 |
CSS 字體屬性
| 屬性 | 描述 |
|---|---|
| font | 簡寫屬性。作用是把所有針對字體的屬性設置在一個聲明中。 |
| font-family | 設置字體系列。 |
| font-size | 設置字體的尺寸。 |
| font-size-adjust | 當首選字體不可用時，對替換字體進行智能縮放。（CSS2.1 已刪除該屬性。） |
| font-stretch | 對字體進行水平拉伸。（CSS2.1 已刪除該屬性。） |
| font-style | 設置字體風格。 |
| font-variant | 以小型大寫字體或者正常字體顯示文本。 |
| font-weight | 設置字體的粗細。 |
CSS 列表屬性(list)
| 屬性 | 描述 |
|---|---|
| list-style | 簡寫屬性。用於把所有用於列表的屬性設置於一個聲明中。 |
| list-style-image | 將圖象設置爲列表項標誌。 |
| list-style-position | 設置列表中列表項標誌的位置。 |
| list-style-type | 設置列表項標誌的類型。 |
| marker-offset |
CSS Table 屬性
CSS 表格屬性允許你設置表格的佈局。（請注意，本節介紹的不是如何使用表來建立佈局，而是要介紹 CSS 中表本身如何佈局。）
| 屬性 | 描述 |
|---|---|
| border-collapse | 設置是否把表格邊框合併爲單一的邊框。 |
| border-spacing | 設置分隔單元格邊框的距離。（僅用於 "separated borders" 模型） |
| caption-side | 設置表格標題的位置。 |
| empty-cells | 設置是否顯示錶格中的空單元格。（僅用於 "separated borders" 模型） |
| table-layout | 設置顯示單元、行和列的算法。 |
CSS 內邊距屬性
| 屬性 | 描述 |
|---|---|
| padding | 簡寫屬性。作用是在一個聲明中設置元素的所內邊距屬性。 |
| padding-bottom | 設置元素的下內邊距。 |
| padding-left | 設置元素的左內邊距。 |
| padding-right | 設置元素的右內邊距。 |
| padding-top | 設置元素的上內邊距。 |
CSS 外邊距屬性
| 屬性 | 描述 |
|---|---|
| margin | 簡寫屬性。在一個聲明中設置所有外邊距屬性。 |
| margin-bottom | 設置元素的下外邊距。 |
| margin-left | 設置元素的左外邊距。 |
| margin-right | 設置元素的右外邊距。 |
| margin-top | 設置元素的上外邊距。 |
CSS 定位屬性
CSS 定位屬性允許你對元素進行定位。
| 屬性 | 描述 |
|---|---|
| position | 把元素放置到一個靜態的、相對的、絕對的、或固定的位置中。 |
| top | 定義了一個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。 |
| right | 定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。 |
| bottom | 定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。 |
| left | 定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。 |
| overflow | 設置當元素的內容溢出其區域時發生的事情。 |
| clip | 設置元素的形狀。元素被剪入這個形狀之中，然後顯示出來。 |
| vertical-align | 設置元素的垂直對齊方式。 |
| z-index | 設置元素的堆疊順序。 |
CSS 分類屬性 (Classification)
CSS 分類屬性允許你控制如何顯示元素，設置圖像顯示於另一元素中的何處，相對於其正常位置來定位元素，使用絕對值來定位元素，以及元素的可見度。
| 屬性 | 描述 |
|---|---|
| clear | 設置一個元素的側面是否允許其他的浮動元素。 |
| cursor | 規定當指向某元素之上時顯示的指針類型。 |
| display | 設置是否及如何顯示元素。 |
| float | 定義元素在哪個方向浮動。 |
| position | 把元素放置到一個靜態的、相對的、絕對的、或固定的位置中。 |
| visibility | 設置元素是否可見或不可見。 |
僞類
瀏覽器支持：IE Internet Explorer, F: Firefox, N: Netscape。
W3C：“W3C” 列的數字顯示出僞類屬性由哪個 CSS 標準定義（CSS1 還是 CSS2）。
| 僞類 | 作用 | IE | F | N | W3C |
|---|---|---|---|---|---|
| :active | 將樣式添加到被激活的元素 | 4 | 1 | 8 | 1 |
| :focus | 將樣式添加到被選中的元素 | - | - | - | 2 |
| :hover | 當鼠標懸浮在元素上方時，向元素添加樣式 | 4 | 1 | 7 | 1 |
| :link | 將特殊的樣式添加到未被訪問過的鏈接 | 3 | 1 | 4 | 1 |
| :visited | 將特殊的樣式添加到被訪問過的鏈接 | 3 | 1 | 4 | 1 |
| :first-child | 將特殊的樣式添加到元素的第一個子元素 | 1 | 7 | 2 | |
| :lang | 允許創作者來定義指定的元素中使用的語言 | 1 | 8 | 2 |
僞元素
瀏覽器支持：IE: Internet Explorer, F: Firefox, N: Netscape。
W3C：“W3C”列的數字顯示出屬性背景由哪個CSS標準定義（CSS1還是CSS2）。
| 僞元素 | 作用 | IE | F | N | W3C |
|---|---|---|---|---|---|
| :first-letter | 將特殊的樣式添加到文本的首字母 | 5 | 1 | 8 | 1 |
| :first-line | 將特殊的樣式添加到文本的首行 | 5 | 1 | 8 | 1 |
| :before | 在某元素之前插入某些內容 | 1.5 | 8 | 2 | |
| :after | 在某元素之後插入某些內容 | 1.5 | 8 | 2 |
