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

如果你對(duì)CSS有所了解，那筆者建議你至少瀏覽一下本章，以便對(duì)這一主題作個(gè)快速回顧，因?yàn)楸緯氖Ｏ虏糠謱⒂玫竭@些信息。

2.1  CSS規(guī)則

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

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

h1 { font-size:240%; }

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

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

2.1.1  多個(gè)指派

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

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

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

h1 { font-size:240%;

color:blue; }

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

h1 {

font-size:240%;

color:blue;

}

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

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

2.1.2  注釋

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

/* This is a CSS comment */

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

/* A Multi

?line

?comment */

警告：

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