常用選擇符的介紹 通配選擇符指選定文檔對象模型(DOM)中的所有類型的單個對象。 *{css代碼規則},其中*表示所有類型,包含body,div,td等 類型選擇符指以文檔對象模型(DOM)作為選擇符,即選擇某個html標記為對象,設置樣式規則。 P{ } Div{ } 包含選擇符 對某個容器層的子 ...
常用選擇符的介紹
通配選擇符指選定文檔對象模型(DOM)中的所有類型的單個對象。
*{css代碼規則},其中*表示所有類型,包含body,div,td等
類型選擇符指以文檔對象模型(DOM)作為選擇符,即選擇某個html標記為對象,設置樣式規則。
P{
}
Div{
}
包含選擇符 對某個容器層的子層控制,是其他同名的對象不受該規則影響,包含選擇符對象要依次選擇出對象,從大到小,即從容器層到子層。
E1 E2
{
}
E1指父層對象,E2指小點的層或子層對象,即E1對象包含E2對象
eg:
table td
{
}
td p
{
}
佈局常用選擇符:
ID選擇符 指在DOM中用惟一標識符的ID為選擇符,ID標識符以“#”打頭,其後接ID名,註意ID標識符不能在樣式中出現兩次或兩次以上,如果出現,系統會以第一次出現的為準,其他的將被忽略。
類選擇符又叫作class選擇符,表示一個類可以在文檔中使用多次
以“.”打頭,後接class名
註意:類選擇符和類型選擇符的不同——類型是指html中的標記
分組選擇符 指對多個標記設置同樣的樣式,在不同的類型中,表示同樣的樣式。將選擇符以逗號分隔的方式併為組
Html,body
{
}
以下用表格對以上內容進行總結
選擇符 | 表達方式 | 例子 | 含義 |
通配選擇符 | *{css代碼規則} | *{css代碼規則} | *表示所有類型,包含body,div,td等 |
類型選擇符 | 以文檔對象模型(DOM)作為選擇符 |
P{ } Div{ } |
選擇某個html標記為對象,設置樣式規則 |
包含選擇符 |
E1 E2 { } |
E1指父層對象,E2指小點的層或子層對象,即E1對象包含E2對象 | |
ID選擇符 | 以“#”打頭,其後接ID名 | ||
類選擇符 | 以“.”打頭,後接class名 | ||
分組選擇符 |
將選擇符以逗號分隔的方式併為組 |
Html,body { } |
對多個標記設置同樣的樣式,在不同的類型中,表示同樣的樣式 |