淺談link與@import的區別

在css操作中，從外部引入 CSS 的方式有2種，link和@import。

以下是兩種方式的 區別 以及 結論：

:

  1.載入順序
載入頁面時，link ##標籤引入的 CSS 檔案同時載入； @import 

##引入的 CSS 檔案將會在頁面載入完畢後載入。   2.相容性# 

link 標籤是 HTML 元素，不存在相容性問題;#@import 是 CSS2.1 才有的語法，因此只可在 IE5+ 才能辨識。
  3.

#### #########link####### #是標籤，可以載入 CSS 文件，也可以定義RSS、rel 連接屬性等###；################@import #########是語法規則，只能匯入樣式表######。 ############

  4.是否可用DOM操作插入修改樣式。
可以透過 JS 操作 DOM 來插入link標籤來改變樣式，而@import無法使用DOM方式插入樣式。

結論：

#強烈建議使用link標籤，謹慎使用@import標籤。

這樣可以避免@import產生資源檔案下載順序混亂以及HTTP請求次數過多。

以上是淺談link與@import的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！