-為什么要用CSS
- 什么是CSS
- CSS與HTML的關系
- CSS語法
為什么要用CSS
HTML標簽語法中有屬性及值的描述，它們是用來定義元素的樣式的，然而使用HTML屬性會有哪些問題呢？
- 相同的效果，不同的標簽會通過不同的屬性來表示；
- 屬性很不通用，一對一，一旦修改起來，哇哇那個慘。。。應該不會有人這么干了
所以CSS就來拯救悲慘世界，干掉HTML屬性（But惹不起那些HTML的獨有屬性）
什么是CSS
CSS: Cascading Style Sheets
層疊樣式表，級聯樣式表，簡稱樣式表
[它的作用]
1、用于HTML文檔中元素的樣式定義
2、實現內容（html元素）與表現（css樣式）的分離
3、實現代碼的可重用性和可維護性
CSS與HTML的關系
HTML用于構建網頁的結構
CSS則是用來構建HTML的樣式
CSS語法
1- 使用CSS的三種方式
1-1 內聯方式
內聯方式，也叫行內樣式
將樣式的內容，放在html元素中的style屬性中
[語法]
屬性：屬性值；
<div style="color:#000；background-color:red;......"></div>
[特點]
只針對當前元素有效，其他相同的元素要用的時候只能Ctrl+C/Ctrl+V來讓手少打點字。---不通用還特長，代碼重用性0
1-2 內部樣式表
將樣式的內容，放在網頁中的<head></head>間，通過<style></style>定義內部樣式
[樣式規則]
<head>
<style>
選擇器{
/*樣式聲明*/
color:#000;
background-color:red;
...
}
</style>
</head>
【注：選擇器】定義了一組樣式的名稱，規定了哪些元素可以使用這些定義好的樣式，詳細下拉
[特點]
提高了代碼的通用型和可維護性，But僅限當前網頁，寫小demo的時候可以用用，做項目就棄了吧
從用戶體驗度來講，打開網頁加載速度比下面要說的第三種，也是*最常用的方式*快（見過京東首頁這么干）
1-3 外部樣式表
將樣式規則，單獨放在*樣式表*文件中（新建一個文件并命名：.css）哪個頁面要用，就*引入*當前的樣式表文件
step-1 新建一個文件，將其后綴修改為.css，在文件中編寫n個樣式規則
step-2 在想使用的頁面<head></head>中，通過<link />引入外部樣式表
2-樣式表特征
2-1 繼承性
大多數CSS的樣式屬性是可以被繼承的,父元素定義好的樣式可以直接應用在子元素上
2-2 層疊性
可以為一個元素定義多個樣式規則，樣式屬性不沖突時，多個樣式表中的樣式可以層疊為一個
如：
div{
font-size:40px;
}
#d1{
font-family:"微軟雅黑";
}
<div id="d1">這是父元素div</div>
2-3 優先級
樣式定義沖突時，會按照不同樣式的優先級來應用
最低：瀏覽器缺省設置
中：外部樣式表和內部樣式表（就近原則）
最高：內聯樣式
2-4 調整顯示優先級：!important
可以顯示的調整樣式規則的優先級
語法
選擇器{
屬性:值 !important；
}
沖突樣式中，以!important為準
