html5引入外联样式的优先级,CSS的4种引入方式及优先级
第一:css的四種引入方式
1.行內(nèi)樣式
最直接最簡單的一種,直接對HTML標簽使用style="",例如:
缺點:HTML頁面不純凈,文件體積大,不利于蜘蛛爬行,后期維護不方便。
2.內(nèi)嵌樣式
內(nèi)嵌樣式就是將CSS代碼寫在
之間,并且用進行聲明,例如:body,div,a,img,p{margin:0; padding:0;}
優(yōu)缺點:頁面使用公共CSS代碼,也是每個頁面都要定義的,如果一個網(wǎng)站有很多頁面,每個文件都會變大,后期維護難度也大,如果文件很少,CSS代碼也不多,這種樣式還是很不錯的。
3.鏈接樣式
鏈接樣式是使用頻率最高,最實用的樣式,只需要在
之間加上就可以了,如下:優(yōu)缺點:實現(xiàn)了頁面框架代碼與表現(xiàn)CSS代碼的完全分離,使得前期制作和后期維護都十分方便
4.導入樣式(不建議使用)
導入樣式和鏈接樣式比較相似,采用@import樣式導入CSS樣式表,在HTML初始化時,會被導入到HTML或者CSS文件中,成為文件的一部分,類似第二種內(nèi)嵌樣式。
@import在html中使用,如下:
@import url(style.css);
@import在CSS中使用,如下:
@import url(style.css);
第二:四種CSS引入方式的優(yōu)先級
1.就近原則
2.理論上:行內(nèi)>內(nèi)嵌>鏈接>導入
3.實際上:內(nèi)嵌、鏈接、導入在同一個文件頭部,誰離相應的代碼近,誰的優(yōu)先級高
總結(jié)
以上是生活随笔為你收集整理的html5引入外联样式的优先级,CSS的4种引入方式及优先级的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: HTML单元格怎么加单元格,如何根据其值
- 下一篇: html下拉列表插件,js+CSS实现模