輸入的樣式表對于模塊性效果很有用處。例如，一個(gè)網(wǎng)站可以通過使用了的選擇符分類樣式表。一個(gè)simple.css樣式表給出公共的元素像BODY、P、H1和H2。此外，一個(gè)extra.css樣式表給出較少共通的元素像CODE、BLOCKQUOTE和DFN。一個(gè)tables.css樣式表可以用于定義變革元素的規(guī)則。這三個(gè)樣式表在需要的時(shí)候可以使用@import 聲明包括在HTML中。三個(gè)樣式表也可以通過LINK元素組合。

內(nèi)聯(lián)樣式
樣式可以使用STYLE屬性內(nèi)聯(lián)。STYLE屬性可以應(yīng)用于任意BODY元素(包括BODY本身)，除了BASEFONT、PARAM和SCRIPT。這個(gè)屬性將任何數(shù)量的CSS聲明當(dāng)作自己的值，而每個(gè)聲明用分號隔開。以下是一個(gè)例子:

這段的樣式是紅色的New Century Schoolbook字，假如字體可用的話。

注重在STYLE中New Century Schoolbook包含在單引號中，因?yàn)殡p引號被用作包含樣式聲明。

內(nèi)聯(lián)的樣式比其他方法更加靈活。要使用內(nèi)聯(lián)樣式，必須使用Content-Style-Type HTTP頁眉擴(kuò)展對整個(gè)文檔進(jìn)行單獨(dú)的樣式表語言聲明。使用內(nèi)聯(lián)CSS的網(wǎng)頁制作者必須將text/css作為Content-Style-Type HTTP頁眉，或在HEAD部分包括以下標(biāo)記:



因?yàn)楹托枰�展示的�?nèi)容混合在一起，內(nèi)聯(lián)樣式會(huì)失去一些樣式表的優(yōu)點(diǎn)。同樣地，內(nèi)聯(lián)樣式默認(rèn)地接受所有媒體，因?yàn)闆]有任何的為內(nèi)聯(lián)樣式指定明確的媒體的語句。這種方法應(yīng)該盡量少用，如當(dāng)一個(gè)樣式會(huì)應(yīng)用在所有媒體到一個(gè)元素的個(gè)別情況。假如樣式會(huì)被應(yīng)用到單一元素的場合，但只能使用確認(rèn)的媒體的話，使用ID屬性代替STYLE屬性。

CLASS屬性
CLASS屬性用于指定元素屬于何種樣式的類。例如，樣式表可以加入punk和warning類:

.punk { color: lime; background: #ff80c0 }
P.warning { font-weight: bolder; color: red; background: white }
這些類可以使用CLASS屬性在HTML中引用:

屬性擴(kuò)展

一些屬性擴(kuò)展會(huì)有負(fù)值的邊效果，產(chǎn)生于支持和不支持的瀏覽器上...

在這個(gè)例子中，punk類可以用于任何BODY元素因?yàn)樗�在樣式表中沒有HTML元素關(guān)聯(lián)。而在這個(gè)例子的樣式表，warning類只能用于P元素。

一個(gè)良好的習(xí)慣是在命名類的時(shí)候，根據(jù)它們的功能而不是根據(jù)它們的外觀。上述例子中的warning類也可以命名為red，但假如網(wǎng)頁制作者決定改變這個(gè)類的樣式為別的顏色，或希望為那些使用PC喇叭的人定義為aural(聽覺)樣式的話，那么這個(gè)名字就變得毫無意義了。

類會(huì)是應(yīng)用樣式到HTML文檔中在結(jié)構(gòu)上一樣的部分的有效的辦法。例如，本頁使用類給CSS源代碼和HTML源代碼使用不同的樣式。
ID屬性
ID屬性用于定義一個(gè)元素的獨(dú)特的樣式。一個(gè)CSS規(guī)則如

#wdg97 { font-size: larger }

可以通過ID屬性應(yīng)用到HTML中:

歡迎訪問Web Design Group及TV water 168!

整個(gè)文檔當(dāng)中的每個(gè)ID屬性的值都必須是唯一的。其值必須是一個(gè)以字母開頭緊接字母、識字或連字符。字母限于A-Z和a-z。

注重HTML 4.0答應(yīng)在ID屬性中有句號，但CSS1不答應(yīng)在ID選擇符中有句號。也要注重CSS1答應(yīng)Unicode字符161-255而且忽略Unicode字符為一個(gè)數(shù)字代碼，但HTML 4.0不答應(yīng)這些字符在一個(gè)ID屬性值當(dāng)中。

當(dāng)一個(gè)樣式只需要在任何文檔中應(yīng)用一次時(shí)，使用ID是很適合的。 ID與STYLE屬性相比，在于ID答應(yīng)指定媒體的樣式，而且也可以被應(yīng)用于多個(gè)文檔(雖然每個(gè)文檔只用一次)。

查看更多 動(dòng)易Cms教程  動(dòng)易Cms模板