css的三種引入方式及優先順序
第一：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.外部樣式
31.連結樣式（推薦）
連結樣式是使用頻率最高，最實用的樣式，只需要在<head></head>之間加上<link…/>就可以了，如下：
<link type="text/css" rel="stylesheet" href="style.css" />
優缺點：實現了頁面框架程式碼與表現CSS程式碼的完全分離，使得前期製作和後期維護都十分方便
3.2.匯入樣式（不建議使用）
匯入樣式和連結樣式比較相似，採用@import樣式匯入CSS樣式表，在HTML初始化時，會被匯入到HTML或者CSS檔案中， 成為檔案的一部分，類似第二種內嵌樣式。
@import在html中使用，如下：
<style type="text/css">
@import url(style.css);
</style>
@import在CSS中使用，如下：
@import url(style.css);
連結式和匯入式的區別：
<link>
1、屬於XHTML
2、優先載入CSS檔案到頁面
@import
1、屬於CSS2.1
2、先載入HTML結構在載入CSS檔案。
第二：四種CSS引入方式的優先順序
1.就近原則
2.理論上：行內>內嵌>連結>匯入
3.實際上：內嵌、連結、匯入在同一個檔案頭部，誰離相應的程式碼近，誰的優先順序高（頁面多種方式使用css樣式引入）
綜合程式碼如下：
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>行內樣式/內嵌樣式和外部樣式的優先順序</title>
<!--外部樣式表-->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--內嵌樣式表-->
<style type="text/css">
p{
color: blue;
}
</style>
<!--外部樣式表-->
<!--<link rel="stylesheet" type="text/css" href="css/style.css" />-->
</head>
<body>
<p>我是p段落（注意：內嵌樣式和外部引入樣式 離我最近的那種樣式方式給我帶來的影響）</p>
<div >我是div，我什麼樣式都沒有</div>
<!--行內樣式-->
<div style="color: hotpink;">我是行內樣式</div>
<ol>
<li>歡迎進入部落格一起學習</li>
<li>https://blog.csdn.net/muzidigbig</li>
</ol>
</body>
</html>
如有不足請多多指教！希望給您帶來你幫助！