實(shí)用CSS教程：從基礎(chǔ)開始(二)_CSS教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　　
三．層疊樣式表的格式

　　一般來說，樣式表的聲明分為選擇符（selector）和塊{}（block），塊里包含屬性（properties）和屬性的取值（value），基本格式如下：

示例代碼 [www.hl5o.cn]

　　選擇符 {屬性：值}
　　其它格式1：
　　選擇符1，選擇符2，選擇符3 {屬性1：值1；屬性2：值2；屬性3：值3}

　　有時候多個選擇符將使用相同的設(shè)置，為了簡化代碼，我們可以一次性為它們設(shè)置樣式，并在多個選擇符之間加上“，”來分隔它們。

　　當(dāng)有多個屬性的時候，必須在兩個屬性之間用“；”來分隔。

示例代碼 [www.hl5o.cn]

　　其它格式2：
　　選擇符1 選擇符2 {屬性1：值1；屬性2：值2；屬性3：值3}

　　和格式1非常相似，只是在選擇符之間少加了“，”，但作用卻大不相同。表示假如選擇符2包括的內(nèi)容同時包括在選擇符1里的時候，所設(shè)置的樣式規(guī)則才起作用。

四．層疊樣式表的分類

　　為了使網(wǎng)頁的格式不過分的單調(diào)，必需讓相同的選擇符也能分類，并能按照不同的類別來進(jìn)行不同的樣式設(shè)計。基本格式如下：

示例代碼 [www.hl5o.cn]

　　選擇符.類別名 {屬性：值}
　　類別名將可以在HTML的標(biāo)識符里引用：
　　<標(biāo)識符 class=類別名>網(wǎng)頁內(nèi)容

五．層疊樣式表的偽類

　　除了上述的分類方式外，為了使分類的使用更靈活多樣，又產(chǎn)生了偽類的概念。類和偽類有什么樣的區(qū)別呢？

　　一般地說，選擇符可以和多個類采用捆綁的形式來設(shè)定，這樣雖然能夠?yàn)橥粋€選擇符創(chuàng)建多種不同的樣式，但捆綁的形式同時也限制了設(shè)定的類為其它的選擇符所使用。偽類的產(chǎn)生就是為了解決這個問題，每個預(yù)聲明的偽類都可以被所有的HTML標(biāo)識符引用，當(dāng)然有些塊級內(nèi)容的設(shè)置除外�；靖袷饺缦拢�

示例代碼 [www.hl5o.cn]

　　.偽類名 {屬性：值}
　　偽類可以被任何標(biāo)識符在HTML里引用。
　　<標(biāo)識符 class=偽類名>網(wǎng)頁內(nèi)容