比如：常见的抽公共是以模块为单位的集合，比如按钮、布局类的（如栅格布局flex）等，能经常用到的模块。
那如果所有属性都抽公共的话，会导致html页面里class的值太多，比如color属性抽一个，font抽一个，padding抽一个等。会使得class值太长，从而导致html页面的大小变大，同样会不利于页面的加载。
所以最好适中，把常用的抽公共，比较独立的就单独写样式。
使用css样式表的好处有：1、使用较少的代码，来实现更多的功能；
2、使用属性继承方法，可以轻松地维护相同标记的不同样式；
3、代码比率更高的内容；
4、页面加载变得很快；
5、定义风格的灵活性。
知识补充：
CSS全称Cascading Style Sheet，表示层叠样式表。CSS用于改进HTML标记内容的呈现。使用CSS我们可以基于媒体定义不同的内容显示方式。
CSS的优点：
一、CSS的代码更少
在公共样式类中可以定义具有值的属性，并且能在不同位置使用相同的类，因此可以使用较少的代码，来实现更多的功能。更少的代码意味着更少的带宽消耗并且易于维护内容。
二、易于维护
当在全局或共同的地方定义样式时，任何变化都变得容易操作。例如，在网站中，使用特定的样式属性显示产品的所有名称。现在，可以通过在外部样式表中更改产品名称的样式类，可以在整个站点中更改样式。可以保留多个样式表并根据需要使用它们。使用属性继承方法，可以轻松地维护相同标记的不同样式。
三、代码（标签）比率更高的内容
可以通过使用CSS在页面中实现更高的代码比例内容，因为可以将样式声明转换为外部文件。这对搜索引擎的观点很重要。可以向蜘蛛提供较少的标签（样式标签）和更多内容以进行索引。
四、下载页面
当浏览器缓存样式表页面时，页面加载变得很快。每次使用相同CSS的同一站点的不同页面时，都不会从服务器加载样式类。
五、定义风格的灵活性
名称级联表示可以使用多种样式，并且优先考虑本地样式。可以覆盖声明的全局样式，并将样式本地分配给标记。
仅用于当前网页的CSS样式和外部链接CSS样式的主要区别：
1、适用范围：
由页面进行调用，多个网页可以调用一个外部样式文件，因此可以实现代码的最大化使用及网站文件的最优化配置。一般是采用<link href="style/style.css" rel="stylesheet" type=text/css"/>进行调用。而仅用于当前网页的CSS样式就如同字面上的意思，只有当前一个网页能够适用该css。
2、耦合度：
外部链接CSS样式是独立于HTML文件单独可以存在的，因此与网页的HTML文件耦合度减低了，在后期维护时就更方便更安全。仅用于当前网页的CSS样式存在于HTML文件中，对后期的更新维护不利。
扩展资料：
CSS的语言特点：
1、丰富的样式定义：
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
2、多页面应用：
CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
3、层叠：
简单的说，层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表，而某些页面中的某些元素想使用其他样式，就可以针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写，在浏览器中看到的将是最后面设置的样式效果。
参考资料：百度百科——css
