优秀网站设计网站

div选择符 div(division,部分的简写)在功能上与span相似,最主要的差别在于,div是一个块期标签。div可以包含段落、标题、表格甚至其他部分。这使div便于建立不同集成的类,如{节、摘要或备注。在定义区域间使用不同样式时,可使用<div>标签。其格式为: <div id="样式名"></div>或<div class="样式名"></div>6.通用选择符 通用选择符用于选定文档对象模型( DOM)中所有类型的单个元素,是一种特殊的选李符,它用术表示。其格式为: *(CSS代码) 示例代码如下: }{ font-size:12pt; /+定义文档中所有字体大小为12pt*/ }7.通用兄弟元素选择符EF通用兄弟元素选择符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通用兄弟元素选择符的浏览效果