CSS，全稱“Cascading Style Sheets”，用於設定HTML標籤的樣式，美化我們的網頁。
(1)“內嵌樣式”：寫在style標籤對裡面
(2)“行內樣式”：直接寫在標籤行上面。
(3)“外鏈樣式”：單獨寫一個css檔案，通過link標籤引入。
(4)“匯入式”：單獨寫一個css檔案，通過@import匯入。
注意：
匯入式可以同時匯入多個樣式,但匯入每個檔案時要如同寫內嵌樣式時，在每個屬性值的末尾加上一個分號結尾。
Css選擇器常用型別
①　基礎選擇器
CSS的基礎選擇器主要有三個：
“標籤選擇器”、“類選擇器”和“ID選擇器”。
②　後代選擇器
後代選擇器是對某元素所巢狀的指定元素進行選擇，每個選擇符之間用空格進行分割，多個巢狀層次應該以多個空格進行分割
③　子選擇器
子選擇器區別與後代選擇器的地方就是，後代選擇器可以選擇巢狀在標籤內部任意層級的標籤元素，而自選擇器只能選擇當前標籤往內一層的元素。每個選擇符之間用“>”進行分割，
④　偽類選擇器
偽類選擇器和其它選擇器有所不同，它是通過觸發一定的“事件”來實現效果，也就是說如果不進行任何操作是看不到該選擇器的CSS樣式設定的。
a:link {color: #FF0000} /* 未訪問的連結 /
a:visited {color: #00FF00} /

已訪問的連結 /
a:hover {color: #FF00FF} / 滑鼠移動到連結上 /
a:active {color: #0000FF} / 選定的連結 */
提示：在 CSS 定義中，a:hover 必須被置於 a:link 和 a:visited 之後，才是有效的。
提示：在 CSS 定義中，a:active 必須被置於 a:hover 之後，才是有效的。
通用偽類選擇器如下（如果要同時生效，順序不能變）：
⑤　群組選擇器
群組選擇器的使用範疇是，多個選擇器使用同一個樣式或者同一組樣式。這在做CSS樣式初始化，CSS框架設計以及後期CSS程式碼優化時會經常使用
⑥　同級（兄弟）元素選擇器
選定當前標籤同級的其它指定標籤。
同級元素有兩種，即“+”和“~”，
“+”只能選擇該標籤下一個對應標籤
“~”能選擇該標籤後的所有同級相應標籤。
⑦　屬性選擇器
該選擇器所針對的既不是某個標籤，也不是類名，或者ID，它是將一個標籤的屬性作為選擇器來使用，最常用的地方就是涉及到屬性多而雜的表單元素。基本寫法是“[” + “屬性名” + “]”的格式，
Css選擇器優先順序判斷
當樣式衝突時，將根據【權重+就近原則】來判斷以誰的樣式為準。
基本型別選擇器權重
行列樣式：1000
Id選擇器： 100
Class選擇器：10 【屬性選擇器】
標籤選擇器：1
*任意符選擇器：0 （大於預設樣式與繼承驗樣式）
就近原則
當權重值相同時，誰和要設定的html標籤隔得近，誰的權重就高。
組合選擇器權重
群組選擇器： 單獨計算
後代，子代，兄弟等選擇器：權重相加