第一：css的四種引入方式

1.行內(nèi)樣式

最直接最簡單的一種，直接對HTML標(biāo)簽使用style=""，例如：

缺點(diǎn)：HTML頁面不純凈，文件體積大，不利于蜘蛛爬行，后期維護(hù)不方便。

2.內(nèi)嵌樣式

內(nèi)嵌樣式就是將CSS代碼寫在

之間，并且用進(jìn)行聲明，例如：

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

優(yōu)缺點(diǎn)：頁面使用公共CSS代碼，也是每個(gè)頁面都要定義的，如果一個(gè)網(wǎng)站有很多頁面，每個(gè)文件都會變大，后期維護(hù)難度也大，如果文件很少，CSS代碼也不多，這種樣式還是很不錯(cuò)的。

3.鏈接樣式

鏈接樣式是使用頻率最高，最實(shí)用的樣式，只需要在

之間加上就可以了，如下：

優(yōu)缺點(diǎn)：實(shí)現(xiàn)了頁面框架代碼與表現(xiàn)CSS代碼的完全分離，使得前期制作和后期維護(hù)都十分方便

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

導(dǎo)入樣式和鏈接樣式比較相似，采用@import樣式導(dǎo)入CSS樣式表，在HTML初始化時(shí)，會被導(dǎo)入到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)嵌>鏈接>導(dǎo)入

3.實(shí)際上：內(nèi)嵌、鏈接、導(dǎo)入在同一個(gè)文件頭部，誰離相應(yīng)的代碼近，誰的優(yōu)先級高

總結(jié)

以上是生活随笔為你收集整理的html5引入外联样式的优先级,CSS的4种引入方式及优先级的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。