第一:css的三種引入方式
1.行內樣式
最直接最簡單的一種,直接對HTML標簽使用style="",例如:
缺點:HTML頁面不純凈,文件體積大,不利于蜘蛛爬行,后期維護不方便。
2.內嵌樣式
內嵌樣式就是將CSS代碼寫在之間,并且用進行聲明,例如:
優缺點:頁面使用公共CSS代碼,也是每個頁面都要定義的,如果一個網站有很多頁面,每個文件都會變大,后期維護難度也大css樣式使用優先級順序,如果文件很少,CSS代碼也不多,這種樣式還是很不錯的。
3.外部樣式
31.鏈接樣式(推薦)
鏈接樣式是使用頻率最高,最實用的樣式,只需要在之間加上就可以了,如下:
href="style.css" />
優缺點:實現了頁面框架代碼與表現CSS代碼的完全分離,使得前期制作和后期維護都十分方便
3.2.導入樣式(不建議使用)
導入樣式和鏈接樣式比較相似,采用@樣式導入CSS樣式表,在HTML初始化時,會被導入到HTML或者CSS文件中,成為文件的一部分,類似第二種內嵌樣式。
@在html中使用css樣式使用優先級順序,如下:
@在CSS中使用,如下:
@ url(style.css);
鏈接式和導入式的區別:
1、屬于XHTML
2、優先加載CSS文件到頁面
@
1、屬于CSS2.1
2、先加載HTML結構在加載CSS文件。
第二:四種CSS引入方式的優先級
1.就近原則
2.理論上:行內>內嵌>鏈接>導入
3.實際上:內嵌、鏈接、導入在同一個文件頭部,誰離相應的代碼近,誰的優先級高(頁面多種方式使用css樣式引入)
綜合代碼如下:

行內樣式/內嵌樣式和外部樣式的優先級
我是p段落(注意:內嵌樣式和外部引入樣式 離我最近的那種樣式方式給我帶來的影響)
我是div,我什么樣式都沒有

我是行內樣式
- 歡迎進入博客一起學習
- https://blog.csdn.net/muzidigbig
如有不足請多多指教!希望給您帶來你幫助!