實(shí)用CSS教程:從基礎(chǔ)開(kāi)始(二)_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
三.層疊樣式表的格式
一般來(lái)說(shuō),樣式表的聲明分為選擇符(selector)和塊{}(block),塊里包含屬性(properties)和屬性的取值(value),基本格式如下:
示例代碼 [m.dounai2.com]
選擇符 {屬性:值}
其它格式1:
選擇符1,選擇符2,選擇符3 {屬性1:值1;屬性2:值2;屬性3:值3}
其它格式1:
選擇符1,選擇符2,選擇符3 {屬性1:值1;屬性2:值2;屬性3:值3}
有時(shí)候多個(gè)選擇符將使用相同的設(shè)置,為了簡(jiǎn)化代碼,我們可以一次性為它們?cè)O(shè)置樣式,并在多個(gè)選擇符之間加上“,”來(lái)分隔它們。
當(dāng)有多個(gè)屬性的時(shí)候,必須在兩個(gè)屬性之間用“;”來(lái)分隔。
示例代碼 [m.dounai2.com]
其它格式2:
選擇符1 選擇符2 {屬性1:值1;屬性2:值2;屬性3:值3}
選擇符1 選擇符2 {屬性1:值1;屬性2:值2;屬性3:值3}
和格式1非常相似,只是在選擇符之間少加了“,”,但作用卻大不相同。表示假如選擇符2包括的內(nèi)容同時(shí)包括在選擇符1里的時(shí)候,所設(shè)置的樣式規(guī)則才起作用。
四.層疊樣式表的分類
為了使網(wǎng)頁(yè)的格式不過(guò)分的單調(diào),必需讓相同的選擇符也能分類,并能按照不同的類別來(lái)進(jìn)行不同的樣式設(shè)計(jì)。基本格式如下:
示例代碼 [m.dounai2.com]
選擇符.類別名 {屬性:值}
類別名將可以在HTML的標(biāo)識(shí)符里引用:
<標(biāo)識(shí)符 class=類別名>網(wǎng)頁(yè)內(nèi)容
類別名將可以在HTML的標(biāo)識(shí)符里引用:
<標(biāo)識(shí)符 class=類別名>網(wǎng)頁(yè)內(nèi)容
五.層疊樣式表的偽類
除了上述的分類方式外,為了使分類的使用更靈活多樣,又產(chǎn)生了偽類的概念。類和偽類有什么樣的區(qū)別呢?
一般地說(shuō),選擇符可以和多個(gè)類采用捆綁的形式來(lái)設(shè)定,這樣雖然能夠?yàn)橥粋(gè)選擇符創(chuàng)建多種不同的樣式,但捆綁的形式同時(shí)也限制了設(shè)定的類為其它的選擇符所使用。偽類的產(chǎn)生就是為了解決這個(gè)問(wèn)題,每個(gè)預(yù)聲明的偽類都可以被所有的HTML標(biāo)識(shí)符引用,當(dāng)然有些塊級(jí)內(nèi)容的設(shè)置除外。基本格式如下:
示例代碼 [m.dounai2.com]
.偽類名 {屬性:值}
偽類可以被任何標(biāo)識(shí)符在HTML里引用。
<標(biāo)識(shí)符 class=偽類名>網(wǎng)頁(yè)內(nèi)容
偽類可以被任何標(biāo)識(shí)符在HTML里引用。
<標(biāo)識(shí)符 class=偽類名>網(wǎng)頁(yè)內(nèi)容
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- HTML教程:收集的常用的HTML標(biāo)簽(6)
- HTML和CSS在Flash中的應(yīng)用
- HTML頁(yè)面中標(biāo)簽的語(yǔ)義與使用位置
- 網(wǎng)頁(yè)制作中使用規(guī)范的HTML代碼的幾點(diǎn)
- 你問(wèn)我答:XML與HTML的區(qū)別
- 初學(xué)者接觸HTML了解一些HTML標(biāo)記(3)
- 網(wǎng)頁(yè)設(shè)計(jì)之網(wǎng)頁(yè)音樂(lè)的實(shí)現(xiàn)技巧
- HTML表格標(biāo)記教程(47):表格嵌套
- HTML表格標(biāo)記教程(34):跨行屬性ROWSPAN
- XHTML代碼的基本應(yīng)用
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS教程-實(shí)用CSS教程:從基礎(chǔ)開(kāi)始(二)。