background image

根据 DOM 文档对象模型原理所出现的选择符,对于一个 XHTML 文件,其中的每一个标
签都可以使用一个 id=""的形式进行一个名称指派,但需要注意,在一个 XHTML 文件中
id 是具有唯一性而不可以重复的。
在 div css 布局的网页中,可以针对不同的用途进行命名,如头部为 header、底部为 footer。
XHTML 如下:

<div id="content"></div>
 
CSS 如下:

#content
{
font-size:14px;
line-height:120%;
}
 
五、class 选择符

其实 id 是对于 XHTML 标签的扩展,而 class 是对 SHTML 多个标签的一种组合,class 直
译的意思是类或类别。
对于 XHTML 标签使用 class=""进行名称指派。与 id 不同,class 可以重复使用,对于多个
样式相同的元素,可以直接定义为一个 class。
使用 class 的优点已不言自明,它对 CSS 代码重用性有良好的体现,众多的标签均可以使
用一个样式来定义而不需要每一个编写一个样式代码。
XHTML 如下:

<p class="he"></p>
<span class="he"></span>
<h5 class="he"></h5>
 
CSS 如下:

.he
{
margin:10px;
background-color:red;
}
 
六、标签指定式的选择符

如果想同时使用 id 和 class,也想同时使用标签选择符,可以使用如下的方式:

h1#content {}