一、類型選擇符
以下是代碼片段:
body { font-size:12px; }
P { color:blue; }
指對網(wǎng)頁中已有的標簽類型作為名稱的選擇符,如上表示:body標簽內(nèi)的所有文字大小為12px;段落內(nèi)的文字顏色為藍色。
二、群組選擇符
以下是代碼片段:
h4,p,span { font-size:12px; }
表示頁面所有的h4,p,span標簽內(nèi)文字都為12px大小,即對一組對象進行相同的樣式指定,每個標簽之間用逗號分隔開來。
三、包含選擇符
以下是代碼片段:
div p { font-weight:bold; }
表示div標簽里邊的p標簽內(nèi)的文字為粗體字、這是一種包含關系,每個標簽之間用空格隔開,可以為多級包含。
四、id和class選擇符
id是對頁面中的唯一元素進行樣式定義,這個樣式在頁面中只使用一次、即id不重復
以下是代碼片段:
<div id="myDiv">
..
</div>
#myDiv
{
font-size:12px;
}
class定義的是通用或經(jīng)常使用的樣式,一種樣式在一個頁面中需要出現(xiàn)多次,即可以為不同的標簽指定相同的class,如下表示:div和p標簽內(nèi)的字體都是藍色
以下是代碼片段:
<div class="red">
</div>
<p class="red">..</p>
.red
{
color:blue;
}
五、組合選擇符
使用id或class,同時也使用標簽來進行組合
以下是代碼片段:
h1 #cont { }
表示id為cont的h1標簽
以下是代碼片段:
h1 .cont { }
表示所有class為cont的h1標簽
六、偽類選擇符
常見為A標簽
以下是代碼片段:
a:link { }
a:hover { }
a:visited { }
七、通配選擇符
以下是代碼片段:
* { color:blue; }
表示所有對象的字體都為藍色。
|
新聞熱點
疑難解答