【品牌型網(wǎng)站建設(shè)】
2.class類(lèi)選擇符
(1)定義同類(lèi)標(biāo)簽的樣式
用類(lèi)選擇符能夠把相同的標(biāo)簽分類(lèi)定義為不同的樣式。例如,如果希望同一種標(biāo)簽(如<p》在不同的地方使用不同的樣式(一個(gè)段落向右對(duì)齊,一個(gè)段落居中),就可以先定義兩個(gè)類(lèi),在應(yīng)用時(shí)只要在標(biāo)簽中指定它屬于哪一個(gè)類(lèi),就可以使用該類(lèi)的樣式了。其格式為: <style type="text/css"> <!..
標(biāo)簽1.類(lèi)名稱(chēng)l{屬性:屬性值;屬性:屬性值…}
標(biāo)簽2.類(lèi)名稱(chēng)2{屬性:屬性值;屬性:屬性值…)
標(biāo)簽櫛.類(lèi)名稱(chēng)即{屬性:屬性值;屬性:屬性值…}
一>
</style>
“標(biāo)簽,z.類(lèi)名稱(chēng)”仍然稱(chēng)為選擇符。“類(lèi)名稱(chēng)”為定義類(lèi)的選擇符名稱(chēng),類(lèi)名稱(chēng)可以是任意英文單詞組合或者以英文字母開(kāi)頭的英文字母與數(shù)字的組合,一般根據(jù)其功能和效果簡(jiǎn)要·98·命名。其適用范圍為整個(gè)HTML文檔中所有由類(lèi)選擇符所引用的設(shè)置。“標(biāo)簽”名稱(chēng)可以用HTML的標(biāo)簽。
(2)定義不同類(lèi)標(biāo)簽的樣式
還有一種用法,在選擇符中省略HTML“標(biāo)簽”名,這樣可以把幾個(gè)不同的標(biāo)簽定義成相同的樣式。其格式為:
<style type=’’text/css”>
<!一
.類(lèi)名稱(chēng)1{屬性:屬性值;屬性:屬性值…)
.類(lèi)名稱(chēng)2{屬性:屬性值;屬性:屬性值…}
.類(lèi)名稱(chēng)H{屬性:屬性值;屬性:屬性值…)
</style>
有無(wú)“標(biāo)簽”的區(qū)別在于,若在定義class類(lèi)選擇符前加上HTML的標(biāo)簽,則其適用范圍將只限于該標(biāo)簽所包含的內(nèi)容。這種省略HTML標(biāo)簽的類(lèi)選擇符是最常用的定義方法,使用這種方法,可以很方便地在任意標(biāo)簽上套用預(yù)先定義好的類(lèi)樣式。
使用class類(lèi)選擇符時(shí),需要使用英文“,”(點(diǎn)號(hào))進(jìn)行標(biāo)識(shí)。示例代碼如下:
.redf
color:red:
)
應(yīng)用class類(lèi)選擇符的代碼如下:
<p class=”red”>紅色的文字段落</p>