一、css選擇器

1.類選擇器

2.ID選擇器

3.標(biāo)簽選擇器

4.父子選擇器

4.1 .div a{ }選取子元素為a的所有

4.2 .div > a { }選取子元素中第一個a

5.全局選擇器

?.div * { }選取全部

6.屬性選擇器

6.1 [ title ] { color:red; }為帶有 title 屬性的所有元素設(shè)置樣式

6.2 [ title=W3School ] { border:5px solid blue; }為 title="W3School" 的所有元素設(shè)置樣式

6.3 input [ type="text" ] { } 常用類型，定義類型為text的所有input框

6.4 [ lang |= en ] 選擇 lang 屬性值以 "en" 開頭的所有元素

7.偽類選擇器

：before，：after在元素前后添加內(nèi)容，兼容ie8，用途廣泛，（ps：ie8兼容幾乎所有帶一個冒號的選擇器）

：first-child、last-child、only-child選取子元素的第一，最后，唯一，等等元素

：nth-child（n） 選擇屬于其父元素的第n個子元素的每個元素

：nth-last-child（n） 從最后一個子元素開始計數(shù)，選擇屬于其父元素的第n個子元素的每個元素

二、元素（塊級元素和行內(nèi)元素）

1.塊級元素（block）

1.1支持大部分css屬性，例如寬、高、背景、邊距等

1.2行內(nèi)元素能通過設(shè)置display：block；變?yōu)閴K級元素；

1.3獨占一行，大小自適應(yīng)，可以使用float或者display：inline-block；等來設(shè)置成一行顯示；ps：float需要清除浮動；

1.4塊級元素既可以容納內(nèi)聯(lián)元素也可以容納塊級元素。

2.行內(nèi)元素/內(nèi)聯(lián)元素（inline）

2.1大小根據(jù)內(nèi)容的變化而變化，但不可控制，相鄰行內(nèi)元素元素之間不換行處理，直到超出父容器的寬度。

2.2內(nèi)聯(lián)元素只能容納文本或者內(nèi)聯(lián)元素。