1：優先級：
內聯式>嵌入式>外聯式
當樣式衝突時，就是採用就近原則。沒有樣式衝突時則採用疊加效果。
一：CSS基礎語法
1：格式： 選擇器{聲明1，；聲明2；聲明3......}其中選擇器也叫 選擇符。
2：這裏的聲明是以 “屬性：值”的形式，而且多個聲明之間用分號進行分割
3：h1{color:red;font-size:14px}
4:這裏的h1就是選擇器，當然這裏直接用標籤當做選擇器了，後面的color 屬性取值爲red，而後面的font-size屬性取值爲14個像素。其中color：red就可以理解爲一個聲明。
5：選擇器的分組： h1,h2,h3,h4,h5{colo：red} 多個元素加入同一個樣式。
6：繼承
body{
color：red；}
二：css派生選擇器
根據元素在其位置的上下關係來定義樣式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
選擇器
</title>
<style type="text/css">
ul li{
color: green;
}
body{
font-size: 50px;
}
p{
color: green;/*聲明*/
}
</style>
</head>
<body> <!--body元素爲p的父級元素，p繼承了body的所有屬性*/-->
<p style="color: red">
內聯文字效果改變
</p>
<ul>
<i> pai</i>
<li>
派生選擇器
</li>
</ul>
</body>
</html>
三：css id選擇器
1：定義 #id名{樣式...}
2：使用：<html 標籤 id=“id名” >...</html 標籤>
3：注意：id選擇符的名字只能在網頁中使用一次
4：選擇符的優先級：從小到大 【id選擇符】->【class選擇符】->【html選擇符】->[html屬性]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
選擇器
</title>
<style type="text/css">
#ad{
color: red;
}
</style>
</head>
<body>
<b id="ad"> <!--注意：這裏的id爲唯一的，必須以字母開頭-->
id選擇器
</b>
</body>
</html>
四：css 類選擇器
class選擇符：
1：定義：.類名{樣式}
2：使用：<html 標籤 class=“類名” >...</html>
.m{color:red} 凡是class屬性值爲m的都採用此樣式。
p.ps{colo：green} 只有p標籤中class 屬性值爲ps的才採用此樣式。
注意：類選擇符可以在網頁中重複使用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
選擇器
</title>
<style type="text/css">
.oll{
color: red;
}
</style>
</head>
<body>
<p>
<ol class="oll">
<li>
類選擇器
</li>
</ol>
<ol class="oll">
<li>
2類選擇器
</li>
</ol>
</p>
</body>
</html>