<link>和@import url()引入外部css檔案的區別

antzone發表於2017-03-23

標題中的兩種方式都可以引入外部css檔案,關於它們的基本用法這裡就不多介紹了。

下面介紹一下這兩者的比較明顯的區別。

(1).載入機制不同,link方式是首先載入完css檔案,然後再載入頁面,而@import url()是先載入玩頁面,再載入css檔案。

(2).<link>支援IE5,@import url()不支援IE5,不過這一條好像現在根本不用考慮,IE8已經都快沒了。

(3).js可以通過dom方式控制link,但是不能夠控制@import url()方式。

(4).由於效能等各方面原因,不推薦使用@import url()方式。


相關文章