當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > DIV+CSS > CSS標簽選擇器

CSS標簽選擇器

2012/11/23 14:08:23作者：佚名來源：網絡

移動端

【實例介紹】

CSS標簽選擇器

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

【基本語法】

【語法介紹】

【實例代碼】

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

【代碼分析】

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

標簽選擇器運行效果

每一個css選擇器都包含了選擇器本身、屬性和值，其中屬性和值可以設置多個，從而實現對同一個標簽聲明多種樣式風格。

 【素材及源碼下載】

請點擊：CSS標簽選擇器 下載本實例相關素材及源碼

 

標簽： CSS  標簽  選擇器