• 目前受瀏覽器支持的設(shè)備類型僅有：all(所有)、print(打印機(jī))、screen(計(jì)算機(jī)顯示器)
• 必須在外部樣式文件開頭使用形如 @charset "gb2312"; 的At規(guī)則來指定其自身使用的字符集。
• @import 必須放置在常規(guī)樣式之前，不管是在<style>中還是在外部樣式表中。

替換元素

超出 CSS 格式器范圍的元素。

HTML中的 img, input, textarea, select, object 都是替換元素。

所有的替換元素且僅有替換元素才具有固有尺寸。

塊級(jí)元素

在視覺上被格式化為塊的元素。浮動(dòng)元素以及display屬性等于block或list-item的元素都是塊級(jí)元素。

內(nèi)聯(lián)元素

不形成新內(nèi)容塊的元素。display屬性等于inline的元素都是內(nèi)聯(lián)元素。

已定位元素

position屬性不等于static的元素。

簡(jiǎn)單選擇符

[E|*][#id](.class)*[:link][:visited][:hover][:active]

偽元素

S[:first-letter][:first-line]

嵌套

S1 S2 ... O

群組

A1, A2, ... An

• 符號(hào)含義：E(元素)、S(簡(jiǎn)單選擇符)、O(簡(jiǎn)單選擇符|偽元素)、A(簡(jiǎn)單選擇符|偽元素|嵌套)
• 豎線"|"表示或關(guān)系，方括號(hào)"[]"表示可選，圓括號(hào)"()"用于正則分組。
• 所有標(biāo)識(shí)符(元素名、類、ID)，都不能以 數(shù)字、連字符、下劃線 開頭，但是可以使用漢字。
• 偽類僅可用于超連接。偽元素僅可用于塊元素。嵌套順序中可以夾雜其他元素。
• 允許用于偽元素的屬性僅有：字體屬性、文本屬性、前景背景屬性。此外首字還可用：盒模型屬性與float屬性
• 層疊權(quán)重：!important > ID > (偽)類 > (偽)元素 > *

長(zhǎng)度

絕對(duì)長(zhǎng)度以 mm 或 pt 為單位(1pt=0.353mm)。

像素長(zhǎng)度以 px 為單位(以96dpi為標(biāo)準(zhǔn))，只能取整數(shù)值。

相對(duì)長(zhǎng)度以 em 為單位(等于當(dāng)前font-size計(jì)算值)，繼承時(shí)使用計(jì)算值。

百分比

使用 nn% 表示，是相對(duì)于另一個(gè)值的值，繼承時(shí)使用計(jì)算值。

URL

使用 url(URL) 表示，必須使用"%XX"編碼特殊字符(括號(hào)/逗號(hào)/引號(hào)等)，相對(duì)URL是指相對(duì)于樣式表的URL。

顏色

使用 #rrggbb 或 #rgb 十六進(jìn)制法表示，其值基于sRGB色彩空間，并且gamma值為2.2。

字體列表

用逗號(hào)分割的字體名稱優(yōu)先級(jí)列表(次序：英文→中文→系列)，字體名稱含有空格時(shí)必須用引號(hào)界定。

安全英文serif(有襯線)系列字體：Georgia   "Palatino Linotype"   "Times New Roman"

安全英文sans-serif(無襯線)系列字體：Arial   Tahoma   "Trebuchet MS"   Verdana

安全英文monospace(等寬)系列字體："Courier New"   "Lucida Console"

安全英文cursive(模擬筆跡)系列字體："Comic Sans MS"

安全中文字體：宋體   仿宋_GB2312   黑體   楷體_GB2312

邊框樣式

枚舉值：none(默認(rèn)) | dotted | dashed | solid | double | groove | inset | outset

內(nèi)置列表項(xiàng)圖標(biāo)

枚舉值：disc(實(shí)心圓)|circle(空心圓)|square(方塊)|decimal(數(shù)字)|lower-roman(小寫羅馬數(shù)字)|upper-roman(大寫羅馬數(shù)字)|lower-alpha(小寫字母)|upper-alpha(大寫字母)|none(無)

指針樣式

枚舉值：auto|crosshair|default|pointer|move|wait|help|progress|not-allowed

[注意]對(duì)于速記屬性，未指定的部分視為指定了默認(rèn)值。

前景：內(nèi)容+邊框。背景：背景圖+背景色。背景面積：內(nèi)容+補(bǔ)白+邊框。透明：補(bǔ)白/邊框空隙/邊界。

• 由內(nèi)到外的層次：內(nèi)容 → 補(bǔ)白 → 邊框 → 邊界
• 由上到下的層次：邊框 → 內(nèi)容+補(bǔ)白 → 背景圖 → 背景色 → 邊界

邊界重疊

邊界重疊是指兩個(gè)或多個(gè)盒子(可能相鄰也可能嵌套)的相鄰邊界(其間沒有任何非空內(nèi)容、補(bǔ)白、邊框)重合在一起而形成一個(gè)單一邊界。

常規(guī)流中兩個(gè)或多個(gè)塊級(jí)盒子的垂直相鄰邊界會(huì)重合。結(jié)果的邊界寬度是相鄰邊界寬度中最大的值。如果出現(xiàn)負(fù)邊界，則在最大的正邊界中減去絕對(duì)值最大的負(fù)邊界。如果沒有正邊界，則從零中減去絕對(duì)值最大的負(fù)邊界。注意：相鄰的盒子可能并非是由父子關(guān)系或同胞關(guān)系的元素生成。

但是邊界的重疊也有例外情況：

• 水平邊界永遠(yuǎn)不會(huì)重疊。
• 浮動(dòng)盒子、絕對(duì)定位盒子、內(nèi)聯(lián)塊盒子、根盒子的邊界永不重疊。
• overflow屬性不等于visible的元素與它的非浮動(dòng)子元素之間邊界不發(fā)生重疊。

display, position, float 之間的相互關(guān)系：

1. 如果display等于none，則用戶端必須忽略position和float。在這種情況下，元素不產(chǎn)生盒子。
2. 否則，如果position等于absolute，則display與float皆強(qiáng)制為none(list-item保持不變)。盒子的位置由邊界偏移量確定。
3. 否則，如果float不等于none或該元素是根元素，則display強(qiáng)制為block(list-item保持不變)。
4. 否則，使用指定的display屬性。

html,body,div,  h1,h2,h3,h4,h5,h6,p,  ol,ul,dl,dt,dd,
form,fieldset,  blockquote,address,hr,pre { display: block }
input,select { display: inline-block }
li           { display: list-item }
head         { display: none }
table        { display: table }
caption      { display: table-caption }
thead        { display: table-header-group }
tbody        { display: table-row-group }
tfoot        { display: table-footer-group }
tr           { display: table-row }
col          { display: table-column }
colgroup     { display: table-column-group }
td, th       { display: table-cell }
caption     { text-align: center }
th          { font-weight: bolder; text-align: center }
body     { margin: 8px }
blockquote      { margin-left: 40px; margin-right: 40px }
h4,p,blockquote,ul,fieldset,form,ol,dl { margin: 1.12em 0 }
h1       { font-size: 2em;    margin: 0.67em 0 }
h2       { font-size: 1.5em;  margin: 0.75em 0 }
h3       { font-size: 1.17em; margin: 0.83em 0 }
h5       { font-size: 0.83em; margin: 1.5em  0 }
h6       { font-size: 0.75em; margin: 1.67em 0 }
pre  { white-space: pre }
h1,h2,h3,h4,h5,h6,strong  { font-weight: bolder }
cite,em,var,address { font-style: italic }
pre,code,kbd,samp   { font-family: monospace }
button, textarea,table      { border-spacing: 2px; }
thead,tbody,tfoot           { vertical-align: middle }
td, th          { vertical-align: inherit }
hr              { border: 1px inset }
ol, ul, dir, menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
:link, :visited { text-decoration: underline }