1.樣式複用，方便網站的後期維護；
2.實現頁面的精確控制，實現精美複雜頁面；
3佈局定位；
4外觀美化；
1 【三種使用CSS的方式】
1、行內樣式表：直接在HTML開始標籤中使用style=""的方式引用；
特點：將CSS代碼與HTML代碼完全糅雜在一起，不符合W3C關於內容與表現分離的要求。不利於樣式複用；
優先級：最高。
2、內部樣式表： 在<head></head>中，使用<style type="text/css"></style>方式引用；
特點：將CSS代碼與HTML代碼分離，但是沒有徹底分離CSS文件與HTML文件，不利於多頁面複用樣式。
3、外部樣式表：使用link標籤鏈接CSS文件。
<link rel="stylesheet" type="text/css" href="css/01css.css" />
特點：實現了CSS與HTML的徹底分離，有利於樣式複用及後期維護。
【通用選擇器】
1、寫法： *{}
2、作用： 選中頁面中的所有HTML標籤
3、優先級：最低！
【標籤選擇器】
1、寫法： HTML標籤名{ }
2、作用： 選中所有對應的HTML標籤，並修改其樣。
【類選擇器 class選擇器】
1、寫法： .選擇器名{}
2、調用： 在需要修改樣式的HTML標籤上，使用class="選擇器名"
3、優先級： 當作用於同一層時，class選擇器>標籤選擇器
.list{
color: blue;
}
【ID選擇器】
1、寫法： #選擇器名{}
2、調用： 在需要修改樣式的HTML標籤上，使用id="選擇器名"
3、優先級：同一層時，id選擇器>class選擇器
4、ID選擇器是唯一的！同一頁面嚴禁出現同名ID！！！
#first{
color: green;
}
【後代選擇器】
1、寫法： 選擇器1 選擇器2 …… 選擇器N {}
2、生效規則： 選擇器2必須是選擇器1的【後代】……以此類推
【子代選擇器】
1、寫法： 選擇器1>選擇器2>……>選擇器N{}
2、生效規則： 選擇器2必須是選擇器1的【直接子代】……
div>ul>li{
}
【交集選擇器】
1、寫法： 選擇器1選擇器2……選擇N{}
2、生效規則： 必須同時滿足所有選擇器，纔會生效
li.list#first{
}
【 並集選擇器】
1、寫法： 選擇器1,選擇器2,……,選擇N{}
2、生效規則： 滿足任意一個選擇器，均可生效
.list,#first{
color: darkslategray;
}
【選擇器命名規範】
1、只能有字母、數字、下劃線組成；
2、開頭不能是數字。
【選擇器優先級】
1、就近原則：近者優先。
2、當作用於同一層時：可有權重計算
權重劃分： 標籤選擇器 1