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