1. CSS語法格式
語法格式由選擇器和聲明構成实苞,其中選擇器也叫選擇符硬梁。這里的聲明由鍵值對以屬性:值
的形式荧止,多個聲明之間使用分號分割危号。
選擇器{
聲明1外莲;
聲明2偷线;
...
}
舉一個例子:
h1{
color:red;
font-size:14px;
}
2. CSS高級語法
選擇器分組:多個元素加入同一個樣式
h1,h2,h3{
color:red;
}
繼承:當父元素聲明了一些樣式后,則父元素作為容器,其子元素也都繼承了該特征樣式媳瞪。例如蛇受,在body中聲明body{color:red}
笼呆,則正文中默認其他元素也有這個特征诗赌。除非在子元素中再次進行覆蓋。
3. 確定選擇器
3.1 CSS派生選擇器
根據(jù)元素在其位置的上下關系來定義樣式
ul li{
color:red
}
3.2 Id選擇符
- 定義Id選擇符:可以直接使用如下格式:
#id名{樣式...}
- 使用:
<html 標簽 id="id名">...</html 標簽>
- 注意: id選擇符每個名字只能在頁面中使用一次
3.3 CSS類選擇符
class類選擇符(使用點 . 將自定義名(類名)來定義的選擇符)
- 定義:
.類名{樣式...}
- 使用:
<html 標簽 class="類名">...</html 標簽>
類選擇符可以在頁面上重復使用
4. 選擇符的優(yōu)先生效順序
[ID選擇符] → [class選擇符] → [html選擇符] → [html屬性]