1.1CSS語法

選擇符

屬性聲明

括號(hào)

換行不敏感、空格不敏感

案例：

div { color:red;}

p{font-size:14px;color:blue;}

h1 {

width: 20px;

height:200px;

}

1.2CSS簡單屬性

width：設(shè)置寬度，單位px像素

height：高度

color：前景色，也就是文字的顏色

background-color：背景色。

font-size:字體的大小。

案例：

1.3CSS的注釋格式： /* 注釋內(nèi)容? */

2.1CSS選擇器綜述

所有標(biāo)簽選擇器 * {}（通配符選擇器）

標(biāo)簽選擇器? p {}? ? div {}

ID選擇器? ? #head {}

類選擇器? .head {}

層級(jí)選擇器（復(fù)合選擇器）

分組選擇器

屬性選擇器

子元素選擇器

相鄰兄弟選擇器

偽類選擇器

偽元素選擇器

2.2通配符選擇器

通配符選擇器用“*”號(hào)表示，他是所有選擇器中作用范圍最廣的，能匹配頁面中所有的元素。
例如下面的代碼，使用通配符選擇器定義CSS樣式，清除所有HTML標(biāo)記的默認(rèn)邊距。

通配符的穿透力很強(qiáng)，優(yōu)先級(jí)高于繼承的樣式，會(huì)覆蓋繼承的樣式。一般不用。

2.3標(biāo)簽選擇器

2.4 ID選擇器

2.4.1 -HTML標(biāo)簽都有公共ID屬性，而且整個(gè)頁面唯一

-id一般用于css的選擇器和js的鉤子

-id選擇器使用“#”進(jìn)行標(biāo)識(shí)，后面緊跟id名

2.4.2ID選擇器命名規(guī)范

1）只允許出現(xiàn)字母（大小寫均可，嚴(yán)格區(qū)分） 、下劃線、數(shù)字。

也就是說，id=”laoHe”和 id=”laohe”不沖突

2) 只允許以字母開頭

3) 命名沒有長度限制，可以是 1 個(gè)字母，也可以是很多個(gè)。不過不建議太長。

4) 不允許出現(xiàn)標(biāo)簽名（不是硬性規(guī)定，是有工作經(jīng)驗(yàn)的表現(xiàn)

注意：

id選擇器的優(yōu)先級(jí)非常高，所以確定在整個(gè)頁面內(nèi)唯一出現(xiàn)時(shí)，才可以使用id選擇器，不然因?yàn)閮?yōu)先級(jí)問題在后續(xù)維護(hù)中不能很好進(jìn)行修改更新。