HTML中，我們通常使用link元素引入外部樣式表，link有以下幾個屬性：
1、rel，代表“關(guān)系”（relation），在這里，關(guān)系（即rel值）為“stylesheet”；
2、type，總是設(shè)置為“text/css”，描述了使用link加載的數(shù)據(jù)類型；
3、href，值為樣式表的URL，可以是相對的也可以是絕對的；
4、media，默認(rèn)值是“all”，說明樣式表要運用于表現(xiàn)的媒體，還有其他取值：aural（用于語音合成器、屏幕閱讀器和文檔的其他聲音表現(xiàn)）、braille（用Braille設(shè)備表現(xiàn)文檔時使用）、embossed（用Braille設(shè)備打印時使用）、handheld（用于手持設(shè)備）、print（為視力正常的用戶打印文檔時使用，還會在顯示文檔的“打印預(yù)覽”時使用）、projection（用于投影儀）、screen（在屏幕媒體，如計算機顯示器中使用）、tty（在固定間距環(huán)境，如電傳打印機中顯示文檔時使用）、tv（在電視上顯示文檔時使用）。不過，各個瀏覽器對它們的支持情況可能不同。
5、title，不常用，但是當(dāng)rel值為“alternate stylesheet”時，使用title屬性可以生成一個候選樣式表列表供用戶選擇。
當(dāng)rel值為“alternate stylesheet”時，還可以提供候選樣式表，只有在用戶選擇這個樣式表時才用于文檔表現(xiàn)。代碼示例如下：


除此之外，我們還可以使用內(nèi)部樣式表為頁面添加樣式：


經(jīng)?？吹胶芏嗯笥言?lt;style>后面加入HTML注釋，然后再在里面寫樣式，終于知道原因如上。
還有一種方法，就是使用@import方法導(dǎo)入樣式表，只是要注意以下，擺放的位置，因為@import是css定義的引用樣式的方法，所以它應(yīng)該放在<style>元素里面，而且，它前面不能夠有任何其他規(guī)則（當(dāng)然，不包括其它的@import，因為一個<style>里可以放不止一個@import），否則，后面導(dǎo)入的樣式講失效，代碼示例：


 接下來就是內(nèi)聯(lián)樣式了，即在HTML標(biāo)簽里添加style屬性，里面寫需要的樣式，但是要注意，@import是不可以用在內(nèi)聯(lián)樣式中的，代碼示例：


像上面的做法是不對的。
暫時這么多，以后會繼續(xù)補充。^_^

最新評論