溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
link
1 <head>2 <link rel="stylesheet" type="text/css" href="sheet1.css" media="all">3 </head>
@import
1 <style type="text/css">2 @import url(sheet1.css); 3 </style>
區別
加載順序：
link是先將css文件加載到網頁，然后再進行編譯。@import是先加載完html結構再加載css文件，如果網速較慢則會影響視覺效果。
link確保并行下載css文件，@import是一個一個下載。
在IE中，link會阻斷@import延長加載時間，多個@import的使用還會打亂資源文件的下載順序引發js問題。
兼容性：link是xhtml標簽無兼容問題，@import是css2.1提出的所以不支持IE5以前的瀏覽器。
DOM支持：link支持DOM改變樣式，@import不支持。
此外，link標簽還可以調用js文件、聲明目錄等，@import只能加載css。
選擇
使用link:
link可以選定要加載的媒體media。由于上述加載、兼容與IE的原因，普通站點應當盡量使用link。
使用@import:
大型門戶網站（如淘寶）多個頁面link同一個css文件會造成速度下降，@import可以在css中調入樣式表，方便對css進行模塊化管理。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
