1ink 與 @import 的區別

---

1ink與@import的區別

目錄

• 1ink與@import的區別
  • 差異1：歸屬關係的差異
  • 差異2：加載順序的差異
  • 差異3：兼容性的差異
  • 差異4：使用dom控制樣式時的差異

---

1ink與@import的區別

差異1：歸屬關係的差異

link屬於xhtml標籤，而@import屬於css提供的方式，必須寫在style標籤裏。link標籤除了能夠加載css外，還能夠定義RSS、定義rel鏈接屬性等，＠import只能加載css。

差異2：加載順序的差異

當一個頁面被加載的時候，即瀏覽者瀏覽頁面時，link引用的css會同時被加載，而@import引用的css會等到頁面所有被下載完後加載。使用＠import可能存在頁面的樣式在開始時不顯示的問題。

差異3：兼容性的差異

@import是CSS2.1提出的，只在IE5以上才能識別，而link標籤不存在兼容問題。

差異4：使用dom控制樣式時的差異

當使用JS控制dom改變樣式時，只能使用link，dom沒法控制＠import。