基本語(yǔ)法
規(guī)則
選擇符
任何HTML元素都可以是一個(gè)CSS1的選擇符。選擇符僅僅是指向特別樣式的元素。例如，

P { text-indent: 3em }
當(dāng)中的選擇符是P。

類選擇符
單一個(gè)選擇符能有不同的CLASS(類)，因而允許同一元素有不同樣式。例如，一個(gè)網(wǎng)頁(yè)制作者也許希望視其語(yǔ)言而定，用不同的顏色顯示代碼 :

code.html { color: #191970 }code.css { color: #4b0082 }
以上的例子建立了兩個(gè)類，css和html，供HTML的CODE元素使用。CLASS屬性是用于在HTML中以指明元素的類，例如，

每個(gè)選擇符只允許有一個(gè)類。例如，code.html.proprietary是無(wú)效的。

類的聲明也可以無(wú)須相關(guān)的元素:

.note { font-size: small }
渡虎谷在這個(gè)例子，名為note的類可以被用于任何元素。

一個(gè)良好的習(xí)慣是在命名類的時(shí)候，根據(jù)它們的功能而不是根據(jù)它們的外觀。上述例子中的note類也可以命名為small，但如果網(wǎng)頁(yè)制作者決定改變這個(gè)類的樣式，使得它不再是小字體的話，那么這個(gè)名字就變得毫無(wú)意義了。

ID 選擇符
ID 選擇符個(gè)別地定義每個(gè)元素的成分。這種選擇符應(yīng)該盡量少用，因?yàn)樗�具有一定的局限。一個(gè)ID選擇符的指定要有指示符"#"在名字前面。例如，ID選擇符可以指定如下:

#svp94O { text-indent: 3em }
這點(diǎn)可以參考HTML中的ID屬性:

文本縮進(jìn)3em

關(guān)聯(lián)選擇符
關(guān)聯(lián)選擇符只不過(guò)是一個(gè)用空格隔開的兩個(gè)或更多的單一選擇符組成的字符串。這些選擇符可以指定一般屬性，而且因?yàn)閷盈B順序的規(guī)則，它們的優(yōu)先權(quán)比單一的選擇符大。例如， 以下的上下文選擇符

P EM { background: yellow }
是P EM。這個(gè)值表示段落中的強(qiáng)調(diào)文本會(huì)是黃色背景；而標(biāo)題的強(qiáng)調(diào)文本則不受影響。

聲明
屬性
一個(gè)屬性被指定到選擇符是為了使用它的樣式。屬性的例子包括顏色、邊界和字體。

值
聲明的值是一個(gè)屬性接受的指定。例如，屬性顏色能接受值red。

組合
為了減少樣式表的重復(fù)聲明，組合的選擇符聲明是允許的。例如，文檔中所有的標(biāo)題可以通過(guò)組合給出相同的聲明:

H1, H2, H3, H4, H5, H6 { color: red; font-family: sans-serif }
繼承
實(shí)際上，所有在選擇符中嵌套的選擇符都會(huì)繼承外層選擇符指定的屬性值，除非另外更改。例如，一個(gè)BODY定義了的顏色值也會(huì)應(yīng)用到段落的文本中。

有些情況是內(nèi)部選擇符不繼承周圍的選擇符的值，但理論上這些都是特殊的。例如，上邊界屬性是不會(huì)繼承的；直覺上，一個(gè)段落不會(huì)有同文檔BODY一樣的上邊界值。

注解
樣式表里面的注解使用C語(yǔ)言編程中一樣的約定方法去指定。CSS1注解的例子如以下格式:

/* COMMENTS CANNOT BE NESTED */
偽類和偽元素
偽類和偽元素是特殊的類和元素，能自動(dòng)地被支持CSS的瀏覽器所識(shí)別。偽類區(qū)別開不同種類的元素(例如，visited links(已訪問的連接)和active links(可激活連接)描述了兩個(gè)定位錨(anchors)的類型)。偽元素指元素的一部分，例如段落的第一個(gè)字母。

偽類或偽元素規(guī)則的形式如

選擇符:偽類 { 屬性: 值 }
或

選擇符:偽元素 { 屬性: 值 }
偽類和偽元素不應(yīng)用HTML的CLASS屬性來(lái)指定。一般的類可以與偽類和偽元素一起使用，如下:

選擇符.類: 偽類 { 屬性: 值 }
或

選擇符.類: 偽元素 { 屬性: 值 }
定位錨偽類
偽類可以指定A元素以不同的方式顯示連接(links)、已訪問連接(visited links)和可激活連接(active links)。定位錨元素可給出偽類link、visited或active。一個(gè)已訪問連接可以定義為不同顏色的顯示，甚至不同字體大小和風(fēng)格。

一個(gè)有趣的效果是使當(dāng)前(或“可激活”)連接以不同顏色、更大的字體顯示。然后，當(dāng)網(wǎng)頁(yè)的已訪問連接被重選時(shí)，又以不同顏色、更小字體顯示。這個(gè)樣式表的示例如下:

A:link { color: red }A:active { color: blue; font-size: 125% }A:visited { color: green; font-size: 85% }
首行偽元素[Page]
渡虎谷通常在報(bào)紙上的文章，例如Wall Street Journal中的，文本的首行都會(huì)以粗印體而且全部大寫地展示。CSS1包括了這個(gè)功能，將其作為一個(gè)偽元素。首行偽元素可以用于任何塊級(jí)元素(例如P、H1等等)。以下是一個(gè)首行偽元素的例子:

P:first-line { font-variant: small-caps; font-weight: bold }
首個(gè)字母?jìng)卧��?BR>首個(gè)字母?jìng)卧�素用于加�?drop caps)和其他效果。含有已指定值選擇符的文本的首個(gè)字母會(huì)按照指定的值展示。一個(gè)首個(gè)字母?jìng)卧�素可以用于任何塊級(jí)元素。例如:

P:first-letter { font-size: 300%; float: left }
會(huì)比普通字體加大三倍。

層疊順序
當(dāng)使用了多個(gè)樣式表，樣式表需要爭(zhēng)奪特定選擇符的控制權(quán)。在這些情況下，總會(huì)有樣式表的規(guī)則能獲得控制權(quán)。以下的特性將決定互相對(duì)立的樣式表的結(jié)果。

! important
規(guī)則可以用指定的! important 特指為重要的。一個(gè)特指為重要的樣式會(huì)凌駕于與之對(duì)立的其它相同權(quán)重的樣式。同樣地，當(dāng)網(wǎng)頁(yè)制作者和讀者都指定了重要規(guī)則時(shí)，網(wǎng)頁(yè)制作者的規(guī)則會(huì)超越讀者的。以下是! important 聲明的例子:

BODY { background: url(bar.gif) white; background-repeat: repeat-x ! important }
Origin of Rules (Author's vs. Reader's)
正如以前所提及的，網(wǎng)頁(yè)制作者和讀者都有能力去指定樣式表。當(dāng)兩者的規(guī)則發(fā)生沖突，網(wǎng)頁(yè)制作者的規(guī)則會(huì)凌駕于讀者的其它相同權(quán)重的規(guī)則。而網(wǎng)頁(yè)制作者和讀者的樣式表都超越瀏覽器的內(nèi)置樣式表。

渡虎谷網(wǎng)頁(yè)制作者應(yīng)該小心地使用! important 規(guī)則，因?yàn)樗鼈儠?huì)超越用戶任何的! important 規(guī)則。例如，一個(gè)用戶由于視覺關(guān)系，會(huì)要求大字體或指定的顏色，而且這樣的用戶會(huì)有可能聲明確定的樣式規(guī)則為! important，因?yàn)檫@些樣式對(duì)于用戶閱讀網(wǎng)頁(yè)是極為重要的。任何的! important 規(guī)則會(huì)超越一般的規(guī)則，所以建議網(wǎng)頁(yè)制作者使用一般的規(guī)則以確保有特殊樣式需要的用戶能閱讀網(wǎng)頁(yè)。

選擇符規(guī)則: 計(jì)算特性
基于它們的特性級(jí)別，樣式表也可以超越與之沖突的樣式表，一個(gè)較高特性的樣式永遠(yuǎn)都凌駕于一個(gè)較低特性的樣式。這只不過(guò)是計(jì)算選擇符的指定個(gè)數(shù)的一個(gè)統(tǒng)計(jì)游戲。

統(tǒng)計(jì)選擇符中的ID屬性個(gè)數(shù)。
統(tǒng)計(jì)選擇符中的CLASS屬性個(gè)數(shù)。
統(tǒng)計(jì)選擇符中的HTML標(biāo)記名格式。
后，按正確的順序?qū)懗鋈齻�(gè)數(shù)字，不要加空格或逗號(hào)，得到一個(gè)三位數(shù)。( 注意，你需要將數(shù)字轉(zhuǎn)換成一個(gè)以三個(gè)數(shù)字結(jié)尾的更大的數(shù)。)相應(yīng)于選擇符的終數(shù)字列表可以很容易確定較高數(shù)字特性凌駕于較低數(shù)字的。以下是一個(gè)按特性分類的選擇符的列表:

#id1 {xxx} /* a=1 b=0 c=0 --> 特性 = 100 */UL UL LI.red {xxx} /* a=0 b=1 c=3 --> 特性 = 013 */LI.red {xxx} /* a=0 b=1 c=1 --> 特性 = 011 */LI {xxx} /* a=0 b=0 c=1 --> 特性 = 001 */
特性的順序
為了方便使用，當(dāng)兩個(gè)規(guī)則具同樣權(quán)重時(shí)，取后面的那個(gè)。