网海天涯

class的用法

前面我们已经学过用 id 作为连接css样式代码与布局代码的中介，但是，id在一个页面中只能被使用一次，不能重复利用。这样的话，当我们想要把某种特定样式应用于不同的页面元素的时候，就不得不构建另外的id用于定义样式。下面我们再来学习另外一种方法，用于定义样式。我们先来看看代码：

布局代码：
<div class="test">这是第一个div</div>
<div class="test">这是第二个div</div>

样式代码：
.test {
width:850px;
height:270px;
border:2px solid red;
}

在布局代码中，我们看到两个div都使用了 class="test" 来定义div的样式（class在这里表示的中文意思是“类”，class="test"即表示类为test的层）。而在样式代码中，我们只规定了 .test 的样式（即test类的样式，在样式代码中，test前面是个点号，而不是#），它的样式是：宽850px，高270px，边框为2px红色实边。

需要注意的是，如果我们利用的不是class，而仍旧是前面介绍的id，那么就得定义两个不同的id了。当我们以后真正接触bus模板的代码的时候，就会发现页面中有不少样式是相同的，那么我们就可以用class来实现这种效果了。

好了，这节内容就只讲下class的用法了，如果对于class用法还是有不明白的地方，可以到这里参考id的用法看看。下节内容我将讲解网页中的页面元素的样式定义，敬请期待。