第10章浮動和定位

（1）浮動：

Float: left | right | none | inherit; （會脫離文件流）

包含塊：浮動元素的包含塊是其最近的塊級祖先元素。

此外，浮動元素會生成一個塊級框，而不論這個元素本身是什麼。

Clear：left | right | both | none | inherit;

（2）定位：

通過position屬性，可以選擇4種不同型別的定位

position: static | relative | absolute | fixed;

內容溢位：

Overflow: visible | hidden | scroll | auto | inherit;

元素可見性：

Visibility: visible | hidden | collapse | inherit;

第11章表佈局

table {display: table;}

tr {display: table-row;}

thead {display: table-header-group;}

tbody {display: table-row-group;}

tfoot {display: table-footer-group;}

col {display: table-column;}

colgroup {display: table-column-group;}

td,th {display: table-cell;}

Caption {display: table-cation;}

邊框：

Border-collapse: separate(分隔)

邊框間隔：border-spacing;

第12章列表與生成內容

列表型別：list-style-type

列表影象：list-style-image

列表標誌位置：list-style-position

簡寫列表樣式：list-style: url(aa.gif) square inside;

生成內容：

CSS2和CSS2.1包含一個稱為生成內容的新特性，這是指由瀏覽器建立的內容，而不是由標誌或內容來表示。

為了向文件中插入生成內容，可以使用:before和:after元素。

指定內容：content屬性。

生成內容在元素框內。

第13章使用者介面樣式

系統字型和系統顏色

游標：cursor

輪廓：類似於邊框，但不影響文件流。輪廓樣式outline-style、輪廓寬度outline-width、

第14章非螢幕媒體

設計特定於媒體的樣式表：

media屬性、@media塊

分頁媒體：

在css術語中，分頁媒體是把文件表示處理為一系列離散“頁面”的媒體。

列印樣式、投影樣式、聲音樣式

附錄A 屬性參考

Background-attachment：這個屬性定義了文件滾動時背景影象是否隨著元素滾動；

Max-height: 應用於除了行內非替換元素和表元素之外的所有其他元素；

Text-align：這個屬性通過指定行框與哪個點對齊，從而設定塊級元素內文字的水平對齊方式，應用於塊級元素；

Vertical-align：這個屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊，應用於行內元素和表單元格；

White-space：這個屬性宣告建立佈局過程中如何處理元素中的空白符。

width：應用於塊級和替換元素；

Border-collapse：這個屬性定義了表中建立邊框佈局時使用的佈局模型；

附錄B 選擇器、偽類和偽元素參考

:active（偽類，應用於被啟用的元素）

:after（偽元素，允許創作人員在元素內容的最後插入生成內容。預設地，這個偽元素是行內元素）

:before（偽元素）

:first-child（偽類，只有當元素是另一個元素的第一個子元素時才能匹配）

:first-letter（偽元素，指定一個元素第一個字母的樣式）

:first-line（偽元素，設定元素中第一行文字的樣式）

:focus（偽類）

:hover（偽類）

:visited（偽類）

附錄C 示例HTML4樣式表