【优秀网站设计网站】
div选择符
div(division,部分的简写)在功能上与span相似,最主要的差别在于,div是一个块期标签。div可以包含段落、标题、表格甚至其他部分。这使div便于建立不同集成的类,如{节、摘要或备注。在定义区域间使用不同样式时,可使用<div>标签。其格式为:
<div id="样式名”>…</div> 或 <div class="样式名”>…</div>
6.通用选择符
通用选择符用于选定文档对象模型( DOM)中所有类型的单个元素,是一种特殊的选李符,它用术表示。其格式为:
*(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元素为p*/
应用此样式的代码如下:
<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通用兄弟元素选择符的浏览效果
本文地址:
http://www.yishenzhou.com/yes/post/371.html | 分类:导示设计公司 |
次阅读