CSS：Cascading Style Sheets，層疊樣式表。用於定義網頁的樣式，該語言書寫的程式碼通常會被瀏覽器解析執行。
1、參照外部樣式表：參照獨立的css檔案，結構與樣式相分離，便於複用和維護。
引入格式：格式：<link rel=」stylesheet」 href=」css的位置」>
2、參照內部樣式表：將css所要寫的程式碼寫在HTML文件中。提高了瀏覽器解析效率，但是不利於程式設計師和搜尋引擎閱讀。
引入格式：<style type=」text/css」>樣式</style>
3、參照行內樣式表：css程式碼寫在元素的style屬性中。
格式範例：<span style=」color:red;」>密碼強度</span>
css註釋書寫格式：/*註釋內容*/
主要用於描述程式碼功能，瀏覽器解析CSS程式碼時會忽略註釋內容。
css程式碼由css規則所組成，css規則決定的元素用什麼樣式。
css選擇器是指樣式所決定的元素是什麼。
1、元素選擇器
格式：標記名{宣告塊}
所有與該標記名匹配的元素，都將使用該宣告塊中的規則。
2、類選擇器（類名一般以字母開頭，可以包含字母、下劃線、數位）
格式：.類名{`宣告塊}
所有class的屬性值爲指定的類名都將被選中。
3、ID選擇器
格式：id值{宣告塊}（id名唯一）
4、組合（並集）選擇器
eg：p,span {color:red;}
在計算特殊性時，組合選擇要分開計算
子級選擇器格式：父元素+「>」+子元素
後代選擇器格式；父元素+空格+子元素
兄弟選擇器（相鄰兄弟）：
書寫格式：兄弟元素A+」+」+兄弟元素B
兄弟元素A和兄弟元素B之間不能有任何其他標籤，且若B要有樣式，則必須在A之後
通用選擇器（不相鄰兄弟）：
書寫格式：兄弟元素A+」~」+兄弟元素B
兄弟元素A之後的所有兄弟元素B都將被選中
1、程式碼格式：元素名:nth-child(位置)
選擇第n個元素（且與元素名相匹配則被選中）
適用場景：所有兄弟元素都是相同的標籤名
2、程式碼格式：元素名:nth-of-type(位置)
選中元素名中的第n個元素
適用場景：兄弟元素的標籤名可以不同
3、程式碼格式：元素名:last-child
適用場景：選中最後一個元素
4、程式碼格式：元素名:first-child
適用場景：選中第一個元素
5、程式碼格式：元素名:nth-child(2n)
適用場景：選中偶數項元素
6、程式碼格式：元素名:nth-child(2n+1)
適用場景：選中奇數項元素
7、程式碼格式：元素名:nth-child(-n+個數)
適用場景：選中前N個元素
8、程式碼格式：元素名:nth-last-child(個數)
適用場景：選中倒數第N個元素
程式碼格式：元素名:not(:否定的內容)
eg：除了第三個p其他所有都新增樣式
p:not(:nth-child(3)) {color:red;}
程式碼格式：元素名:not(:否定的內容)