物以类聚人以群分，网页中的元素也是一样的
在页面中总有很多元素拥有一模一样的外观，比如：一样的大小，同样的颜色
那么我们如果继续使用id选择器一个一个去设置样式就会很麻烦
这个时候我们可以选择类选择器来写样式
<style>
.red{
color: red;
}
</style>
<body>
<h1 class="red">abc</h1>
<h1 class="red">sdf</h1>
</body>如果想给两个h1标签同样适用于一种样式的话，我们用类选择，给两个h1标签添加class=“red”
这样，两个h1标签中的文本就都会变成红色
类选择器的好处就是只用写一遍样式，哪个元素如果想使用这种样式，只用添加class属性即可，不需要重复写一种样式，极大的增加了编写效率。