CSS選擇符詳解一、類型選擇符梁山網(wǎng)站制作公司。
什么是類型選擇符?指以網(wǎng)頁中已有的標(biāo)簽類型作為名稱的行徑符。body是網(wǎng)頁中的一個標(biāo)簽類型,div,p,span都是。
如下:梁山網(wǎng)站制作公司。
body {}
div {}
p {} 轉(zhuǎn)自:奈薇建站網(wǎng)(www.nev.cn)
span {}
二、群組選擇符梁山網(wǎng)站制作公司。
對于XHMTL對象,可以對一組同時進(jìn)行了相同的樣式指派。
使用逗號對選擇符進(jìn)行了分隔,這樣書寫的優(yōu)點(diǎn)在于同樣的樣式只需要書寫一次即可,減少代碼量,改善CSS代碼結(jié)構(gòu)。
使用時應(yīng)該注意"逗號"是在半角模式下,并非中文全角模式。
如下:梁山網(wǎng)站制作公司。
h1,h2,h6,p,span
{
font-size:12px;
color:#FF0000;
font-family: arial;
}
三、包含選擇符
對某對象中的子對象進(jìn)行樣式指點(diǎn)定,這樣選擇方式就發(fā)揮了作用。
需要注意的是,僅對此對象的子對象標(biāo)簽有效,對于其它單獨(dú)存在或位于此對象以外的子對象,不應(yīng)用此樣式設(shè)置。
這樣做的優(yōu)點(diǎn)在于,幫我們避免過多的id、class設(shè)置,直接對所需的元素進(jìn)行定義。
如下:梁山網(wǎng)站制作公司。
h2 span
{
color:red;
}
如下:
body h1 span strong
{
font-weight:bold;
}
四、id選擇符梁山網(wǎng)站制作公司。
根據(jù)DOM文檔對象模型原理所出現(xiàn)的選擇符,對于一個XHTML文件,其中的每一個標(biāo)簽都可以使用一個id=""的形式進(jìn)行一個名稱指派,但需要注意,在一個XHTML文件中id是具有唯一性而不可以重復(fù)的。
在div css布局的網(wǎng)頁中,可以針對不同的用途進(jìn)行命名,如頭部為header、底部為footer。
XHTML如下:梁山網(wǎng)站制作公司。
<div id="content"></div>
CSS如下:梁山網(wǎng)站制作公司。
#content
{
font-size:14px;
line-height:120%;
}
五、class選擇符梁山網(wǎng)站制作公司。
其實(shí)id是對于XHTML標(biāo)簽的擴(kuò)展,而class是對SHTML多個標(biāo)簽的一種組合,class直譯的意思是類或類別。
對于XHTML標(biāo)簽使用class=""進(jìn)行名稱指派。與id不同,class可以重復(fù)使用,對于多個樣式相同的元素,可以直接定義為一個class。
使用class的優(yōu)點(diǎn)已不言自明,它對CSS代碼重用性有良好的體現(xiàn),眾多的標(biāo)簽均可以使用一個樣式來定義而不需要每一個編寫一個樣式代碼。
XHTML如下:梁山網(wǎng)站制作公司。
<p class="he"></p>
<span class="he"></span>
<h5 class="he"></h5>
CSS如下:梁山網(wǎng)站制作公司。
.he
{
margin:10px;
background-color:red;
}
六、標(biāo)簽指定式的選擇符梁山網(wǎng)站制作公司。
如果想同時使用id和class,也想同時使用標(biāo)簽選擇符,可以使用如下的方式:梁山網(wǎng)站制作公司。
h1#content {}
/*表示所有id為content的h1標(biāo)簽*/
h1.p1 {}
/*表示所有class為p1的h1標(biāo)簽*/
標(biāo)簽指定式選擇符的精度介于標(biāo)簽選擇符及id/class選擇符之間,是常用的選擇符之一。梁山網(wǎng)站制作公司。
七、組合選擇符梁山網(wǎng)站制作公司。
對于上面的所有選擇符而言,進(jìn)行組合使用。如下:梁山網(wǎng)站制作公司。
h1 .p1 {}
/*表示h1下的所有class為p1的標(biāo)簽*/
#content h1 {}
表示id為content的標(biāo)簽下的所有h1標(biāo)簽
h1 .p1,#content h1 {}
/*表示h1下的所有class為p1的標(biāo)簽以及id為content的標(biāo)簽下的所有h1標(biāo)簽*/
h1#content h2{}
/*id為content的h1標(biāo)簽下的h2標(biāo)簽*/ 轉(zhuǎn)自:奈薇建站網(wǎng)(www.nev.cn)
CSS選擇符是非常自由與靈活的,可以根據(jù)頁面的需要,使用各種選擇符,盡量結(jié)構(gòu)化與優(yōu)化CSS文件.
梁山網(wǎng)站制作公司。
梁山網(wǎng)站制作哪家好?濟(jì)寧梁山網(wǎng)站制作公司找“奈薇建站網(wǎng)”
濟(jì)寧梁山縣及周邊網(wǎng)站制作服務(wù)提供商:梁山孫莊鄉(xiāng)、梁山信樓鄉(xiāng)、梁山開河鄉(xiāng)、梁山韓垓鄉(xiāng)、梁山徐集鎮(zhèn)、梁山拳鋪鄉(xiāng)、梁山館驛鄉(xiāng)、梁山馬營鄉(xiāng)、梁山韓崗鎮(zhèn)、梁山前集鄉(xiāng)、梁山趙土固堆鄉(xiāng)、梁山袁口鄉(xiāng)、梁山方廟鄉(xiāng)、梁山李官屯鄉(xiāng)、梁山楊營鄉(xiāng)、梁山黑虎廟鄉(xiāng)、梁山小路口鎮(zhèn)、梁山大路口鄉(xiāng)、梁山壽張集鄉(xiāng)、梁山小安山鄉(xiāng),讓您體驗(yàn)濟(jì)寧梁山網(wǎng)站制作公司哪家好!