1.1CSS語法
選擇符
屬性聲明
括號
換行不敏感、空格不敏感
案例:
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選擇器綜述
所有標簽選擇器 * {}(通配符選擇器)
標簽選擇器? p {}? ? div {}
ID選擇器? ? #head {}
類選擇器? .head {}
層級選擇器(復(fù)合選擇器)
分組選擇器
屬性選擇器
子元素選擇器
相鄰兄弟選擇器
偽類選擇器
偽元素選擇器
2.2通配符選擇器
通配符選擇器用“*”號表示,他是所有選擇器中作用范圍最廣的尿扯,能匹配頁面中所有的元素亲桦。
例如下面的代碼崖蜜,使用通配符選擇器定義CSS樣式浊仆,清除所有HTML標記的默認邊距。
通配符的穿透力很強豫领,優(yōu)先級高于繼承的樣式抡柿,會覆蓋繼承的樣式。一般不用等恐。
2.3標簽選擇器
2.4 ID選擇器
2.4.1 -HTML標簽都有公共ID屬性洲劣,而且整個頁面唯一
-id一般用于css的選擇器和js的鉤子
-id選擇器使用“#”進行標識,后面緊跟id名
2.4.2ID選擇器命名規(guī)范
1)只允許出現(xiàn)字母(大小寫均可课蔬,嚴格區(qū)分) 囱稽、下劃線、數(shù)字二跋。
也就是說战惊,id=”laoHe”和 id=”laohe”不沖突
2) 只允許以字母開頭
3) 命名沒有長度限制,可以是 1 個字母扎即,也可以是很多個吞获。不過不建議太長。
4) 不允許出現(xiàn)標簽名(不是硬性規(guī)定谚鄙,是有工作經(jīng)驗的表現(xiàn)
注意:
id選擇器的優(yōu)先級非常高各拷,所以確定在整個頁面內(nèi)唯一出現(xiàn)時,才可以使用id選擇器闷营,不然因為優(yōu)先級問題在后續(xù)維護中不能很好進行修改更新烤黍。