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


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


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


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


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

最新評(píng)論