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