一、快速生成HTML語法結構
生成標籤 直接輸入標籤名 按tab鍵即可 比如 div 然後tab 鍵， 就可以生成
如果想要生成多個相同標籤 加上 * 就可以了 比如 div*3 就可以快速生成3個div
如果有父子級關係的標籤，可以用 > 比如 ul > li就可以了
如果有兄弟關係的標籤，用 + 就可以了 比如 div+p
如果生成帶有類名或者id名字的， 直接寫 .demo 或者 #two tab 鍵就可以了
如果生成的div 類名是有順序的， 可以用 自增符號 $
如果想要在生成的標籤內部寫內容可以用 { } 表示
二、快速生成CSS樣式語法
CSS 基本採取簡寫形式即可

比如 w200 按tab 可以 生成 width: 200px;

比如 lh26px 按tab 可以生成 line-height: 26px;
1
2
3
CSS的複合選擇器
一、什麼是複合選擇器
在 CSS 中，可以根據選擇器的型別把選擇器分為基礎選擇器和複合選擇器，複合選擇器是建立在基礎選擇器之上，對基本選擇器進行組合形成的。

複合選擇器是由兩個或多個基礎選擇器，通過不同的方式組合而成的，可以更準確、更高效的選擇目標元素（標籤）

常用的複合選擇器包括：後代選擇器、子選擇器、並集選擇器、偽類選擇器等等

二、後代選擇器（重要）
定義：
後代選擇器又稱為包含選擇器，可以選擇父元素裡面子元素。其寫法就是把外層標籤寫在前面，內層標籤寫在後面，中間用空格分隔。當標籤發生巢狀時，內層標籤就成為外層標籤的後代。

語法：

ul li{樣式說明}
1
示例程式碼：
1
<ul>
<li></li>
<li><a herf="#></li>
</ul>
這是<li>和<a>都是<ul>的後代選擇器
1
2
3
4
5
語法說明：

元素1 和 元素2 中間用空格隔開
元素1 是父級，元素2 是子級，最終選擇的是元素2
元素2 可以是兒子，也可以是孫子等，只要是元素1 的後代即可
元素1 和 元素2 可以是任意基礎選擇器
三、子代選擇器（重要）
定義：

子元素選擇器（子選擇器）只能選擇作為某元素的最近一級子元素。
語法：

ul > a{樣式宣告}
1
示例程式碼如下：

<ul>
<li></li>
<li><a herf="#></li>
<a herf="#>
</ul>
此時如過選擇<a>標籤，就只能選擇到下邊的，而不能選擇到<li>裡面的標籤，因為這是下邊的才是子元素
1
2
3
4
5
6
語法說明：

元素1 和 元素2 中間用 大於號 隔開
元素1 是父級，元素2 是子級，最終選擇的是元素2
元素2 必須是親兒子，其孫子、重孫之類都不歸他管. 你也可以叫他 親兒子選擇器
四、並集選擇器
定義：

並集選擇器可以選擇多組標籤, 同時為他們定義相同的樣式，通常用於集體宣告。並集選擇器是各選擇器通過英文逗號（,）連線而成，任何形式的選擇器都可以作為並集選擇器的一部分。

語法：

ul,div {樣式說明}
表示的是ul和div標籤元素都被改變
1
2
語法說明：

元素1 和 元素2 中間用逗號隔開
逗號可以理解為和的意思
並集選擇器通常用於集體宣告