頁面導入樣式時,使用link和@import有什麼區別?
-
link屬於XHTML標籤,除了加載CSS外,還能定義rel鏈接屬性等做用,而@import是CSS提供的,只能用於加載CSS。
-
頁面被加載時,link會同時被加載,而@import引用的CSS會等頁面被加載完再加載。
-
import是CSS 2.1提出的,只在IE5以上才能被識別,存在兼容問題,而link是XHTML標籤,無兼容問題
-
link是XHTML標籤,它不只能夠引入css文件,還能夠引入網站圖標或者設置媒體查詢。
-
@import是CSS提供的語法規則,只能用來加載css。
-
@import必定要寫在除@charset外的其餘任何 CSS 規則以前,若是置於其它位置將會被瀏覽器忽略。並且,在@import以後若是存在其它樣式,則@import以後的分號是必須書寫,不可省略的。
-
link引入css文件,頁面載入同時載入css文件,@import在頁面徹底載入以後載入css文件,在網絡較慢狀況下一開始會沒有css樣式。
-
link在瀏覽器中沒有兼容問題。@import在css2.1中提出,低版本瀏覽器會不支持。
-
link中的css能夠被javascript獲取進而控制DOM,而@import不支持。
歡迎關注本站公眾號,獲取更多信息