頁面導入樣式時,使用link和@import有什麼區別?

  1. link屬於XHTML標籤,除了加載CSS外,還能定義rel鏈接屬性等做用,而@import是CSS提供的,只能用於加載CSS。

  2. 頁面被加載時,link會同時被加載,而@import引用的CSS會等頁面被加載完再加載。

  3. import是CSS 2.1提出的,只在IE5以上才能被識別,存在兼容問題,而link是XHTML標籤,無兼容問題

  4. link是XHTML標籤,它不只能夠引入css文件,還能夠引入網站圖標或者設置媒體查詢。

  5. @import是CSS提供的語法規則,只能用來加載css。

  6. @import必定要寫在除@charset外的其餘任何 CSS 規則以前,若是置於其它位置將會被瀏覽器忽略。並且,在@import以後若是存在其它樣式,則@import以後的分號是必須書寫,不可省略的。

  7. link引入css文件,頁面載入同時載入css文件,@import在頁面徹底載入以後載入css文件,在網絡較慢狀況下一開始會沒有css樣式。

  8. link在瀏覽器中沒有兼容問題。@import在css2.1中提出,低版本瀏覽器會不支持。

  9. link中的css能夠被javascript獲取進而控制DOM,而@import不支持。

相關文章
相關標籤/搜索