CSS是個比較大的主題，涉及各種不同的技術(shù)，而且也有許多專門介紹其用法及工作原理的書籍。但在本章中，筆者盡可能將其信息提煉成易于掌握的入門級內(nèi)容，從而提供使用本書中的插件所需的所有信息。

如果你對CSS有所了解，那筆者建議你至少瀏覽一下本章，以便對這一主題作個快速回顧，因為本書的剩下部分將用到這些信息。

2.1  CSS規(guī)則

在學(xué)習(xí)樣式表的內(nèi)部工作機理之前，首先研究一下CSS的結(jié)構(gòu)并分析一下用于構(gòu)造CSS語句的規(guī)則。

每條語句都以一個選擇器開頭，這是規(guī)則所影響的對象。例如，在下面的語句中，h1就是被指定使用比默認(rèn)值大240%的字體大小的選擇器：

h1 { font-size:240%; }

通過給選擇器的font-size屬性提供一個新值，從而確保所有<h1>…</h1>標(biāo)記對的內(nèi)容都將以比默認(rèn)值大240%的字體大小顯示。這是通過在選擇器后的{和}符號中提供一個或多個指派實現(xiàn)的(在這里是font-size:240%)。

冒號(:)前面的部分是屬性，而其余部分是該屬性使用的值。最后，用一個分號(;)結(jié)束語句，不過在本例中不是必需的(但如果在同一行上有另一個指派，則是必需的)。為了避免難以發(fā)現(xiàn)的錯誤，本書總是包括分號，即使有時并不必要。

2.1.1  多個指派

可用幾種不同的方式創(chuàng)建多個屬性指派。首先，可在同一行中連接它們，如下所示：

h1 { font-size:240%; color:blue; }

這就添加了另一個指派，將所有<h1>標(biāo)題的顏色改為藍(lán)色。也可以一行放置一個指派，如下所示：

h1 { font-size:240%;

color:blue; }

或者可以將這些指派稍隔開些，使得它們按分號列豎直對齊，如下所示：

h1 {

font-size:240%;

color:blue;

}

這樣，可以很容易地看出每組新規(guī)則從哪里開始，因為選擇器在第一列，后面的指派整齊地排列，且所有屬性值有著相同的水平偏移量。

如何布局CSS沒有對錯之分，但個人建議至少每個CSS塊要保持一致，這樣可以一眼就看明白。這也是本書所采用的方法，本書總是設(shè)法使屬性指派整齊而對稱地排列，這樣也易于理解各個單獨的CSS規(guī)則。

2.1.2  注釋

對CSS規(guī)則進行注釋是個好習(xí)慣，即使只是描述主要的語句而不是所有語句。有兩種不同的注釋方法。第一，可將注釋放在/*…*/標(biāo)記對中，如下所示：

/* This is a CSS comment */

或者將注釋擴展至多行，如下所示：

/* A Multi

?line

?comment */

警告：

如果使用多行注釋，應(yīng)避免在其中嵌套多個注釋，否則將出現(xiàn)不可預(yù)見的錯誤。