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

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

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

注重在STYLE中New Century Schoolbook包含在單引號中，因為雙引號被用作包含樣式聲明。

內聯的樣式比其他方法更加靈活。要使用內聯樣式，必須使用Content-Style-Type HTTP頁眉擴展對整個文檔進行單獨的樣式表語言聲明。使用內聯CSS的網頁制作者必須將text/css作為Content-Style-Type HTTP頁眉，或在HEAD部分包括以下標記:



因為和需要展示的內容混合在一起，內聯樣式會失去一些樣式表的優點。同樣地，內聯樣式默認地接受所有媒體，因為沒有任何的為內聯樣式指定明確的媒體的語句。這種方法應該盡量少用，如當一個樣式會應用在所有媒體到一個元素的個別情況。假如樣式會被應用到單一元素的場合，但只能使用確認的媒體的話，使用ID屬性代替STYLE屬性。

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

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

屬性擴展

一些屬性擴展會有負值的邊效果，產生于支持和不支持的瀏覽器上...

在這個例子中，punk類可以用于任何BODY元素因為它在樣式表中沒有HTML元素關聯。而在這個例子的樣式表，warning類只能用于P元素。

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

類會是應用樣式到HTML文檔中在結構上一樣的部分的有效的辦法。例如，本頁使用類給CSS源代碼和HTML源代碼使用不同的樣式。
ID屬性
ID屬性用于定義一個元素的獨特的樣式。一個CSS規則如

#wdg97 { font-size: larger }

可以通過ID屬性應用到HTML中:

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

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

注重HTML 4.0答應在ID屬性中有句號，但CSS1不答應在ID選擇符中有句號。也要注重CSS1答應Unicode字符161-255而且忽略Unicode字符為一個數字代碼，但HTML 4.0不答應這些字符在一個ID屬性值當中。

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

查看更多 動易Cms教程  動易Cms模板