一.選擇器
- 簡單選擇器
- id選擇器
唯一抽减,只能調(diào)用一次允青,前綴是#,一般配合JS卵沉。項目中使用最多的是類選擇器
- class類選擇器
類名可以由數(shù)字颠锉、字母、下劃線史汗、中劃線組成琼掠,但不能以數(shù)字或中劃線開頭,一個標(biāo)簽可以有多個類名且類名可以重復(fù)停撞,類名之間以空格隔開瓷蛙,一個類選擇器可以同時選中多個標(biāo)簽
<html>
<head>
<style>
/*.類名表示將以該類名命名的所有標(biāo)簽應(yīng)用此樣式*/
.hometown
{
background-color:yellow;
}
.newtown
{
font-size:22PX;
}
/*標(biāo)簽.類名表示將以該類名命名的P標(biāo)簽應(yīng)用此樣式悼瓮,中間不需要空格*/
p.home
{
background-color:red;
}
/*層疊問題上:當(dāng)樣式?jīng)_突時,運行時艰猬,以最后一個設(shè)置的樣式為準(zhǔn)*/
</style>
</head>
<body>
<p>我是唐老鴨横堡。</p>
<p class="hometown newtown">該P標(biāo)簽應(yīng)用.hometown樣式和newtown樣式</p>
<div class="hometown">該div標(biāo)簽也應(yīng)用.hometown樣式</div>
<p>我是米老鼠。</p>
<p class="home">我也住在 Duckburg冠桃。</p>
</body>
</html>
<!--id命贴,class是可以同時存在的-->
- *通配符:選擇所有元素
一般用于去除標(biāo)簽?zāi)J(rèn)的margin、padding
- 并集選擇器:通過逗號連接食听,同理胸蛛,可以添加以id或class作為選擇器∮1ǎ可以將該css樣式運用到多個標(biāo)簽葬项。舉例:
<style>
p, div {
color:blue;
font:italic 700 18px '微軟雅黑'
}
</style>
<p>標(biāo)簽選擇器</p>
<div>標(biāo)簽選擇器</div>