首先来看class是为了解决什么问题的？

如果只是按照标签来设置css样式，比如<p> 标签，那么html中的所有<p>标签都会改变成同样的样式

那么问题来了，如果有三个p标签，其中两个字体是红色，另外一个字体是绿色怎么设置呢？当然可以选择内联css样式，但是这样不易于查找管理，意义也不明确。在复杂的html中缺点尤其明显（比如10个<p>,多种样式，那么代码就是一团乱）

这种情况下就引入了 class的概念

class  类的意思：物以类聚，人以群分

<p class="red">那么就可以对class都是red的<p>统一设置。一次处理多个标签的样式

后面还会有id，更准确的定位到具体的内容，因为id是唯一的（也就是标签的id都要设置为不一样的）

你现在看到的只是学习网的简单的代码示例，如果后期去做一个像腾讯网那样的页面，你还用内联的话，你会把自己逼疯的！

首先你学习完样式了吗？知道样式的重要性吗？

如：

<div style="coloe:red ; font-size:12px;  font-family:宋体 ; width:100px;  height:50px;  margin:0;"></div>这样的，在笨的学者都希望程序不要多只要好且能看懂，你定义了一个ID或者class就可以在body里面随便引用了

告诉你答案了你也不给人家分，以后不告诉你了，真吝啬

直接使用普通的选择器当你代码多了以后不好管理，用类选择器就是方便后期的管理修改和更新。一个大型的网站，代码可能有几千上万行，全用内联式增加工作量和代码重复量，不便于后期的管理。

当然是可以的啊！但是想一下，如果用内联样式，在定义一个<div>以后，就在后面接上各种定义，比如<div style="coloe:red ; font-size:12px;  font-family:宋体 ; width:100px;  height:50px;  margin:0;"></div>好不容易定义完一个div，还要无数个div等着你去定义，那么这一个页面里面就会特别乱，你也不知道自己到底定义了几个逻辑块，这样结构不清楚。如果用类选择器，界面没有那么乱，逻辑会清楚一点。

复杂的页面里，内联的不适合统一管理，通常都是用额外的.css确定样式的