在上一讲中我们学会了如何给标题和段落加指定的样式。
可现实是一个页面里不止一个标题或者一个段落。
如果出现若干个标题和段落，而又想指定某个标题或段落需要有特定的样式。那该怎么办？

这时就需要一个属性：class。

class属性规定元素的类名

就是可以把指定的元素分到特定的类别当中。
而归类的方法就是给这个元素赋予一个类名。
比如：

<h1 class="title1">农夫与七个小矮人的故事</h1>

而这个title1就是类名。

有了类名，我们就可以在样式表中对这个类设置特定的样式。
方法：

<style type="text/css">
.title1{
     font-size:18px
}
</style>

需要注意的是，类名用来做css对象的时候，前面要有个.(半角点)号。
而HTML固有标签（比如：h1、body、div等等）在样式表中被设置样式的时候不需要加.(半角点)号。
如下：

<style type="text/css">
h1{
     font-size:24px
}
.title1{
     font-size:18px
}
</style>

此刻同学会有疑问了：
h1样式和title类的样式都作用于“农夫与七个小矮人的故事”这个标题。
那么最终字号到底是多少？

答案是18px。

大家可以这么记忆-因为类名比标签名更靠近作用区域（标题文本）。
所以，以类名样式为主。哪个更近，哪个优先。
当浏览器渲染网页的时候，上面例子中的类样式会覆盖掉标签样式。

相关英语：

class = 班; 阶级; 等级; 种类; 网页编码当中一般指类。
title = 标题