DIV CSS 佈局教程網

本文向大家描述一下CSS選擇符的用法，主要包括類型選擇符、群組選擇符、包含選擇符、id選擇符、class選擇符、標簽指定式的選擇符、組合選擇符，下面對這些選擇符一一做介紹。

CSS的選擇符說明

這裡介紹CSS的幾個選擇符，主要包括類型選擇符、群組選擇符、包含選擇符、id選擇符、class選擇符、標簽指定式的選擇符、組合選擇符，下面對這些選擇符一一做介紹：

一、類型選擇符

什麼是類型選擇符？指以網頁中已有的標簽類型作為名稱的行徑符。body是網頁中的一個標簽類型，div,p,span都是。
如下：

body{}
div{}
p{}
span{}

二、群組選擇符

對於XHMTL對象，可以對一組同時進行了相同的樣式指派。
使用逗號對選擇符進行了分隔，這樣書寫的優點在於同樣的樣式只需要書寫一次即可，減少代碼量，改善CSS代碼結構。
使用時應該注意"逗號"是在半角模式下，並非中文全角模式。
如下：

h1,h2,h6,p,span  
{  
font-size:12px;  
color:#FF0000;  
font-family:arial;  
}  
 

三、包含選擇符

對某對象中的子對象進行樣式指點定，這樣選擇方式就發揮了作用。
需要注意的是，僅對此對象的子對象標簽有效，對於其它單獨存在或位於此對象以外的子對象，不應用此樣式設置。
這樣做的優點在於，幫我們避免過多的id、class設置，直接對所需的元素進行定義。
如下：

h2span  
{  
color:red;  
}  
 

如下：

bodyh1spanstrong  
{  
font-weight:bold;  
}  
 

四、id選擇符

根據DOM文檔對象模型原理所出現的選擇符，對於一個XHTML文件，其中的每一個標簽都可以使用一個id=""的形式進行一個名稱指派，但需要注意，在一個XHtml文件中id是具有唯一性而不可以重復的。
在divCSS布局的網頁中，可以針對不同的用途進行命名，如頭部為header、底部為footer。
XHtml如下：

<dividdivid="content">div> 
 

CSS如下：

#content  
{  
font-size:14px;  
line-height:120%;  
}