CSS的4種引入方式及優先級


第一:css的四種引入方式

1.行內樣式

最直接最簡單的一種,直接對HTML標簽使用style="",例如:

<p style="color:#F00; "></p>

缺點:HTML頁面不純凈,文件體積大,不利於蜘蛛爬行,后期維護不方便。

 

2.內嵌樣式

內嵌樣式就是將CSS代碼寫在<head></head>之間,並且用<style></style>進行聲明,例如:

 

<style type="text/css">

body,div,a,img,p{margin:0; padding:0;}

</style>

優缺點:頁面使用公共CSS代碼,也是每個頁面都要定義的,如果一個網站有很多頁面,每個文件都會變大,后期維護難度也大,如果文件很少,CSS代碼也不多,這種樣式還是很不錯的。

 

 

3.鏈接樣式

鏈接樣式是使用頻率最高,最實用的樣式,只需要在<head></head>之間加上<link…/>就可以了,如下:

<link type="text/css" rel="stylesheet" href="style.css" />

優缺點:實現了頁面框架代碼與表現CSS代碼的完全分離,使得前期制作和后期維護都十分方便

 

4.導入樣式(不建議使用)

導入樣式和鏈接樣式比較相似,采用@import樣式導入CSS樣式表,在HTML初始化時,會被導入到HTML或者CSS文件中,成為文件的一部分,類似第二種內嵌樣式。

@import在html中使用,如下:

<style type="text/css">
@import url(style.css);
</style>

 

@import在CSS中使用,如下:

@import url(style.css);

第二:四種CSS引入方式的優先級

1.就近原則

2.理論上:行內>內嵌>鏈接>導入

3.實際上:內嵌、鏈接、導入在同一個文件頭部,誰離相應的代碼近,誰的優先級高


免責聲明!

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



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