一、類(lèi)型選擇符
什么是類(lèi)型選擇符？指以網(wǎng)頁(yè)中已有的標簽類(lèi)型作為名稱(chēng)的行徑符。body是網(wǎng)頁(yè)中的一個(gè)標簽類(lèi)型，div,p,span都是。
如下：
body {}
div {}
p {}
span {}
二、群組選擇符
對于XHMTL對象，可以對一組同時(shí)進(jìn)行了相同的樣式指派。
使用逗號對選擇符進(jìn)行了分隔，這樣書(shū)寫(xiě)的優(yōu)點(diǎn)在于同樣的樣式只需要書(shū)寫(xiě)一次即可，減少代碼量，改善CSS代碼結構。
使用時(shí)應該注意"逗號"是在半角模式下，并非中文全角模式。
如下：
h1,h2,h6,p,span
{
font-size:12px;
color:#FF0000;
font-family: arial;
}
三、包含選擇符
對某對象中的子對象進(jìn)行樣式指點(diǎn)定，這樣選擇方式就發(fā)揮了作用。
需要注意的是，僅對此對象的子對象標簽有效，對于其它單獨存在或位于此對象以外的子對象，不應用此樣式設置。
這樣做的優(yōu)點(diǎn)在于，幫我們避免過(guò)多的id、class設置，直接對所需的元素進(jìn)行定義。
如下：
h2 span
{
color:red;
}
如下：
body h1 span strong
{
font-weight:bold;
}
四、id選擇符
根據DOM文檔對象模型原理所出現的選擇符，對于一個(gè)XHTML文件，其中的每一個(gè)標簽都可以使用一個(gè)id=""的形式進(jìn)行一個(gè)名稱(chēng)指派，但需要注意，在一個(gè)XHTML文件中id是具有唯一性而不可以重復的。
在div css布局的網(wǎng)頁(yè)中，可以針對不同的用途進(jìn)行命名，如頭部為header、底部為footer。
XHTML如下：
<div id="content"></div>
CSS如下：
#content
{
font-size:14px;
line-height:120%;
}
五、class選擇符
其實(shí)id是對于XHTML標簽的擴展，而class是對SHTML多個(gè)標簽的一種組合，class直譯的意思是類(lèi)或類(lèi)別。
對于XHTML標簽使用class=""進(jìn)行名稱(chēng)指派。與id不同，class可以重復使用，對于多個(gè)樣式相同的元素，可以直接定義為一個(gè)class。
使用class的優(yōu)點(diǎn)已不言自明，它對CSS代碼重用性有良好的體現，眾多的標簽均可以使用一個(gè)樣式來(lái)定義而不需要每一個(gè)編寫(xiě)一個(gè)樣式代碼。
XHTML如下：
<p class="he"></p>
<span class="he"></span>
<h5 class="he"></h5>
CSS如下：
.he
{
margin:10px;
background-color:red;
}
六、標簽指定式的選擇符
如果想同時(shí)使用id和class，也想同時(shí)使用標簽選擇符，可以使用如下的方式：
h1#content {}
/*表示所有id為content的h1標簽*/
h1.p1 {}
/*表示所有class為p1的h1標簽*/
標簽指定式選擇符的精度介于標簽選擇符及id/class選擇符之間，是常用的選擇符之一。
七、組合選擇符
對于上面的所有選擇符而言，進(jìn)行組合使用。如下：
h1 .p1 {}
/*表示h1下的所有class為p1的標簽*/
#content h1 {}
表示id為content的標簽下的所有h1標簽
h1 .p1,#content h1 {}
/*表示h1下的所有class為p1的標簽以及id為content的標簽下的所有h1標簽*/
h1#content h2{}
/*id為content的h1標簽下的h2標簽*/
CSS選擇符是非常自由與靈活的，可以根據頁(yè)面的需要，使用各種選擇符，盡量結構化與優(yōu)化CSS文件.
您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì )、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。
蘇公網(wǎng)安備 32070502010230號