CSS加載方式有幾種?


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、實際上:內嵌、鏈接、導入在同一個文件頭部,誰離相應的代碼近,誰的優先級高


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM