CSS標(biāo)簽選擇器

2012/11/23 14:08:23作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

CSS標(biāo)簽選擇器

一個(gè)完整的HTML頁(yè)面是由很多不同的標(biāo)簽組成，而CSS標(biāo)簽選擇器就是聲明哪些標(biāo)簽采用哪種css樣式。例如P選擇器，就是用于聲明頁(yè)面中所有<p>標(biāo)簽的樣式風(fēng)格。

【基本語(yǔ)法】

【語(yǔ)法介紹】

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無(wú)標(biāo)題文檔</title>
</head>
<style type="text/css">
p{ font-size:20px; background:#cc4; color:090; }
</style>
<body>
<p>標(biāo)簽選擇器</p>
<p></p>
</body>
</html>

【代碼分析】

以上這段代碼聲明了頁(yè)面中所有p標(biāo)簽的背景都是#cc4；(綠色)，文字大小均是20px，文字顏色為#090，這在后期維護(hù)中，如果想改變整個(gè)網(wǎng)站中P標(biāo)簽背景的顏色，只需要修改background屬性就可以了。在瀏覽器中預(yù)覽效果如圖所示。

標(biāo)簽選擇器運(yùn)行效果