1.兩者導(dǎo)入的語(yǔ)法不同
link(鏈接式語(yǔ)法)
<link rel="stylesheet" href="style.css">
@import的語(yǔ)法不同:
<style type="text/css">
@import url("style.css")
</style>
2.link和import語(yǔ)法結(jié)構(gòu)不同蔚出,前者是html標(biāo)簽,只能放在html源代碼中使用虫腋,link除了可以加載css外骄酗,還可以做很多其他事情,比如定義RSS悦冀,定義rel連接屬性等趋翻。@import看作CSS樣式,只能加載CSS
3.使用link方式盒蟆,瀏覽器將css文件和HTML的主題部分一同加載踏烙,所以顯示出來(lái)的頁(yè)面從一開(kāi)始就是帶樣式效果的;而采用@import方式历等,瀏覽器則會(huì)先裝在完整個(gè)HTML文件再裝載CSS文件
4.當(dāng)使用javascript控制DOM去改變樣式的讨惩,只能用link方式,因?yàn)锧import眼里只有CSS 寒屯,不是DOM可以操控的荐捻。
5.link是XHTML標(biāo)簽,無(wú)兼容問(wèn)題寡夹,@import是在CSS2.1提出的处面,低版本的瀏覽器不支持