Posted on 2009-09-10 00:42
H2O 閱讀(259)
評(píng)論(0) 編輯 收藏 所屬分類(lèi):
css
一直對(duì)這個(gè)地方糊里糊涂，這次借了一本書(shū)，爭(zhēng)取將css強(qiáng)化一下.
CSS的幾種選擇器：
定義html或者xhtml標(biāo)簽的通用CSS樣式，定義語(yǔ)句前無(wú)前綴。例如：
<style>
h1{
color:red
}
</style>
<h1>This is test.</h1>
通過(guò)定義單獨(dú)的class來(lái)定義對(duì)應(yīng)樣式，定義語(yǔ)句前綴為 '.'。例如：
<style>
.red{
color:red
}
</style>
<p class="red">xxxxxx</p>
通過(guò)對(duì)應(yīng)html元素的標(biāo)簽ID來(lái)定義對(duì)應(yīng)樣式，定義語(yǔ)句前綴為 '#'。例如：
<style>
#firstPar{
color:red
}
</style>
<p id="firstPar">xxxxxx</p>
另外，可以通過(guò)這幾種選擇器組合定義復(fù)合選擇器，例如：
<style>
p{
color:red
}
p .firstPar{
color:blue
}
.firstPar{
color:green
}
</style>
<p>普通段落</p>
<p class="firstPar">第一段</p>
<h1 class="firstPar">第一段標(biāo)題</h1>
如果想要一個(gè)頁(yè)面中所有html標(biāo)記使用同一種樣式，可以定義一種全局選擇器： '*'。例如：
<style>
*{
color:red;
font-size:10px
}
</style>
<p>普通段落</p>
<p>第一段</p>
<h1>第一段標(biāo)題</h1>
可以通過(guò)嵌套的方式，對(duì)特殊位置的html標(biāo)記進(jìn)行聲明。后代選擇器的寫(xiě)法就是把外層的標(biāo)記寫(xiě)在前面，內(nèi)層的標(biāo)記寫(xiě)在后面，之間用空格分隔。當(dāng)標(biāo)記發(fā)生嵌套時(shí)，內(nèi)層的標(biāo)記就成為外層標(biāo)記的后代。例如：
<style>
p span{
color:red;
font-size:10px
}
span{
color:green
}
</style>
<p>嵌套使<span>用CSS</span>標(biāo)記的方法</p>
嵌套之外的<span>標(biāo)記</span>不生效