【優(yōu)秀網(wǎng)站設(shè)計(jì)網(wǎng)站】
div選擇符
div(division,部分的簡(jiǎn)寫(xiě))在功能上與span相似,最主要的差別在于,div是一個(gè)塊期標(biāo)簽。div可以包含段落、標(biāo)題、表格甚至其他部分。這使div便于建立不同集成的類(lèi),如{節(jié)、摘要或備注。在定義區(qū)域間使用不同樣式時(shí),可使用<div>標(biāo)簽。其格式為:
<div id="樣式名”>…</div> 或 <div class="樣式名”>…</div>
6.通用選擇符
通用選擇符用于選定文檔對(duì)象模型( DOM)中所有類(lèi)型的單個(gè)元素,是一種特殊的選李符,它用術(shù)表示。其格式為:
*(CSS代碼)
示例代碼如下:
}{
font-size:12pt; /+定義文檔中所有字體大小為12pt*/
}
7.通用兄弟元素選擇符E—F
通用兄弟元素選擇符E~F表示匹配E元素之后的F元素。其格式為:
E~ F:{att}
·100·
其中,E、F均表示元素,att表示元素的屬性。示例代碼如下:
div~p{background-color:#OOff00;) /*E元素為div,F(xiàn)元素為p*/
應(yīng)用此樣式的代碼如下:
<div style=”width:733px; border: lpx solid #666; padding:5px;”>
<div>
<p>匹配E元素之后的F元素</p> <!一E元素中的F元素,所以不匹配一>
<p>匹配E元素之后的F元素</p> <!一E兀素中的F元素,所以不匹配一>
</div>
<hr/>
<p>匹配E元素之后的F元素</p> <!一-E元素后的F元素,所以匹配一>
<p>匹配E元素之后的F元素</p> <!一E兀素后的F元素,所以匹配一>
<llr/>
<p>匹配E元素之后的F元素</p> <!一E兀素后的F元素,所以匹配一>
<hr/>
<div>匹配E元素之后的F元素</div> <!一E兀素本身,所以不匹配一>
<llr/>
<p>匹配E元素之后的F元素</p> <!一E元素后的F元素,所以匹配一>
</div>
瀏覽器中的瀏覽效果如圖6-6所示。
圖6-6通用兄弟元素選擇符的瀏覽效果