頁(yè)面中使用CSS的方式主要有3種：
1.行內(nèi)添加style屬性
2.外鏈樣式link
3.外鏈樣式@import
現(xiàn)在來(lái)看一下這兩種外鏈樣式的區(qū)別：
@import的
<style>
@import url(./css/index.css);
</style>
Link的
<link rel="stylesheet" href="./css/index.css">
兩者都是外部引用CSS方式销部，但是存在一定的區(qū)別：
一哭靖、link是XHTML標(biāo)簽，除了加載CSS外叁幢，還可以定義RSS等其他事物；
@import屬于CSS范圍轧抗，只能加載CSS羽杰；
二、link引用CSS時(shí)端蛆，在頁(yè)面加載時(shí)同時(shí)加載凤粗；
@import需要頁(yè)面完全載入以后加載
三、Link是XHTML標(biāo)簽今豆，無(wú)兼容問(wèn)題嫌拣；
@import是在CSS2.1提出的，低版本瀏覽器不支持呆躲；
四异逐、Link支持使用Javascript控制DOM去改變樣式；
而@import不支持插掂；
補(bǔ)充：@import最優(yōu)寫(xiě)法：
1.@import‘文件’//Windows IE4/ NS4,Mac OS X IE5,Macintosh IE4/IE5/NS4不識(shí)別
2.@import“文件”//Windows IE4/ NS4,Macintosh IE4/NS4不識(shí)別
3.@import url（文件） //Windows NS4,Macintosh NS4不識(shí)別
4.@import url（‘文件’）//Windows NS4灰瞻，Mac OS X IE5,Macintosh IE4/IE5/NS4不識(shí)別
5.@import url（“文件”）//Windows NS4,Macintosh NS4不識(shí)別
以上分析得知，@import url（文件）和 @import url（“文件”）是最優(yōu)的選擇燥筷，兼容的瀏覽器最多箩祥。從字節(jié)優(yōu)化的角度來(lái)看@import url（文件）最值得推薦。
Link與@import一些區(qū)別
① link除了加載CSS文件以外肆氓，它還能加載其它類(lèi)型文件袍祖，如“icon”，而“@import”只能加載CSS文件
給網(wǎng)頁(yè)加上圖標(biāo)：<link rel="shortcut icon" href="oa.jpg">
② link在現(xiàn)代的瀏覽器中是多線(xiàn)程加載的谢揪，也就是說(shuō)在通過(guò)該標(biāo)簽加載一個(gè)文件的時(shí)候body標(biāo)簽內(nèi)的DOM也在執(zhí)行同步的加載蕉陋。加載效率高于@import
③ link作為一個(gè)標(biāo)簽，也就是一個(gè)DOM元素拨扶，是可以通過(guò)JavaScript進(jìn)行操作的（如增加凳鬓、刪除link標(biāo)簽，修改link的屬性值等）患民。而“@import”寫(xiě)在style標(biāo)簽內(nèi)部或CSS文件內(nèi)（寫(xiě)在style標(biāo)簽內(nèi)和CSS文件內(nèi)的寫(xiě)法一致）缩举，是無(wú)法通過(guò)JavaScript進(jìn)行操作的。
