CSS層疊樣式的學習 1

1.連線到乙個外部的樣式表

將乙個外部的樣式表加入到html網頁中使用下列的格式：

標記放置到文件的head部分。

其中ref屬性用於定義的連線檔案與html文件之間的聯絡。rel=stylesheet指定乙個固定的首選樣式。固定樣式在樣式表被啟用時總是被應用。網頁製作者不能指定多於乙個的首選樣式。

互動樣式通過rel="alternate stylesheet"指出。例子中的第三個標記定義乙個互動樣式，使用者可以選擇用來代替首選樣式表。

注意現在的瀏覽器一般都缺乏選擇互動樣式的能力。

單一的樣式也可以通過多個樣式表給出

css" title="contemporary">

在這個例子中，三個樣式表組合成乙個"contemporary"樣式，作為乙個首選樣式表被應用。要組合多個樣式表成乙個單一樣式，必須在每個樣式表中使用相同title。

可選的type屬性用於指定**型別--text/css是乙個層疊樣式表--允許瀏覽器忽略它們不支援的樣式表型別

標記也有乙個可選的media屬性，用於指定樣式表被接受的介質或**。允許的值有

screen (預設值)，提交到計算機螢幕；

print，輸出到印表機；

projection，提交到投影機；

aural，揚聲器；

braille，提交到凸字觸覺感知裝置；

tty，電傳打字機 (使用固定的字型)；

tv，電視機；

all，所有輸出裝置。

當樣式被應用到很多的網頁時，乙個外部樣式表是理想的。網頁製作者使用外部樣式表可以改變整個**的外觀而僅僅通過改變乙個檔案。同樣的，大多數瀏覽器會儲存外部樣式表在緩衝區，從而如果樣式表在緩衝區就避免了在展示網頁時的延遲。

2.嵌入乙個樣式表乙個樣式表可以使用style元素在文件中嵌入:

乙個樣式表可以使用style元素在文件中嵌入:

style元素放在文件的head部分。必須的type屬性用於指定**型別，link元素也一樣。同樣地，title和media屬性也可以用style指定。

舊版本的瀏覽器，並不能識別style元素，會將其當作body的一部分照常展示其內容，從而使這些樣式表對使用者是可見的。要防止這樣做，style元素的內容要包含乙個sgml註解()在裡面，像上述例子那樣。

嵌入的樣式表可用於當乙個文件具有獨一無二的樣式的時候（即只有少數網頁需要這樣的樣式時）。如果多個文件都使用同一樣式表，那麼外部樣式表會更適用。（當乙個**需要統一樣式時，則用連線乙個外部的樣式表（方法一）比較方便，更能優化**的速度與維護）