CSS樣式加載一共有四種方式:
1、行內樣式
直接對HTML標簽引入style=""設置樣式;這樣的方式會使得html不干凈,代碼冗余不利於維護。
2、內嵌樣式--內部樣式表
在head標簽之間用<style></style>標簽聲明
優缺點:頁面使用公共CSS代碼,也是每個頁面都要定義的,如果一個網站有很多頁面,每個文件都會變大,后期維護難度也大,如果文件很少,CSS代碼也不多,這種樣式還是很不錯的。
3、鏈入外部樣式表—在head部分加入
鏈接樣式使用最多,推薦使用的一種方法,在<head></head>標簽之間用<link ...../>引入css文件
4、導入外部樣式表—在head部分加入
導入樣式和鏈接樣式比較相似,采用@import樣式導入CSS樣式表,在HTML初始化時,會被導入到HTML或者CSS文件中,成為文件的一部分,類似第二種內嵌樣式。
四種CSS加載方式的優先級
1、就近原則
2、理論上:行內>內嵌>鏈接>導入
3、實際上:內嵌、鏈接、導入在同一個文件頭部,誰離相應的代碼近,誰的優先級高
