第一點:引用方式
首先看link
<link rel="stylesheet" type="text/css" href="http://www.survivalescaperooms.com/style.css" />
最常見的link引用方式,分別解釋一下沒一個屬性先
rel:告訴瀏覽器引用的是一個樣式表文件
type:文件類型
href:文件地址
@import
<style type="text/css">@import url(http://www.survivalescaperooms.com/style.css);</style>
只能寫引用樣式表的名稱
第二點:加載順序
link是頁面加載時候的同時加載
@import是在整個頁面加載完之后加載css文件的,如果頁面加載很慢,會出現一開始無樣式
第三點:瀏覽器的兼容性
@import是css2.1提出的,只在ie5以上才能識別,link不存在這個問題
第四點:使用js的dom控制樣式時候,只能用link
基本就這些了,如果還有,歡迎大家提出,謝謝!
如無特殊需求推薦用link
新聞熱點
疑難解答