HTML文檔中應(yīng)用css樣式大致有三種方法：1.link標(biāo)簽鏈接外部樣式表；2.使用style元素包含樣式表；3.使用style屬性，即內(nèi)聯(lián)樣式

一.link標(biāo)簽鏈接外部樣式表

　　先看一條較為標(biāo)準(zhǔn)的link標(biāo)記語(yǔ)句：

　　link標(biāo)記必須放在head元素中，且不能放在其他元素（如title）內(nèi)部。至于其屬性，rel 代表“關(guān)系“（relation），在這里，關(guān)系為stylesheet，即文檔的外部樣式表，至于其他值以及含義詳情見(jiàn)?http://www.w3school.com.cn/tags/att_link_rel.asp 。type總是設(shè)置為text/css，描述了使用link標(biāo)記加載的數(shù)據(jù)的類(lèi)型。href那么簡(jiǎn)單的就不多說(shuō)了。media 屬性規(guī)定被鏈接文檔將顯示在什么設(shè)備上。當(dāng)然，link標(biāo)記還有其他的一些屬性，比如title（除了說(shuō)的這五個(gè)，其他的屬性貌似都沒(méi)啥作用了），接下來(lái)就說(shuō)聊到這個(gè)title屬性的作用。

外部樣式表之候選樣式表：將rel屬性設(shè)置為alternate stylesheet 時(shí)，就可以定義候選樣式表，只有在用戶(hù)選擇這個(gè)樣式表時(shí)才會(huì)用于文檔表現(xiàn)。例如：

　　　　貌似目前Chrome還不支持這種候選樣式表，我也沒(méi)有找到Chrome的菜單欄，不過(guò)IE、FF均支持此功能（切換樣式表的方法：按下Alt鍵打開(kāi)菜單欄->查看->樣式->選擇樣式表）。注意：①這些樣式表只有一個(gè)會(huì)用于文檔顯示，不會(huì)發(fā)生重疊；②并且每個(gè)樣式表都得有title屬性，不然菜單欄里面沒(méi)有顯示；③默認(rèn)樣式表（也叫首選樣式表）是rel為stylesheet的樣式表，與title屬性的值沒(méi)有關(guān)系。

　　　　還可以為候選樣式表指定同樣的title，把它們分組在一起。例如：

　　　　這樣以來(lái)用戶(hù)就可以在屏幕和打印媒體中為網(wǎng)站選擇不同的樣式表。

二.使用style元素包含樣式表

　　style標(biāo)記之間的樣式稱(chēng)為文檔樣式表，或嵌套樣式表。注意：①一定要使用type屬性，其值為"text/css"，也可以指定media屬性；

在這里介紹一個(gè)@import指令，它用于指示W(wǎng)eb瀏覽器加載一個(gè)外部樣式表，不過(guò)這條指令要放在其他css規(guī)則之前，否則不起作用。例如：

@import指令的一個(gè)顯著作用就是：如果有一個(gè)外部樣式表，它需要使用其他外部樣式表中的樣式時(shí)就可以在開(kāi)頭使用這條指令導(dǎo)入其他樣式表。

三.內(nèi)聯(lián)樣式

除了在body外部出現(xiàn)的標(biāo)記，style屬性可以與任何其他HTML標(biāo)記關(guān)聯(lián)來(lái)設(shè)置其內(nèi)聯(lián)樣式。注意：①不能在style屬性中使用@import指令。

?@import url(main.css);3? ? @import url(sheet1.css) all;4? ? @import url(print.css) print;5? ? h1{color:blue;}6