如果我为常见的css样式设置创建类并将它们分配给html元素，这是一个很好的实践吗？

这是我的密码：

style.css

.background-cover{background-size:cover; background-position:center;}
.op-1{opacity:0.1;}
.border-3-solid{border-width:3px; border-color: solid;}
.border-black{border-color:#000;}
.full-width{width:100%;}

index.html

    <div class="full-width background-cover op-1 border-3-solid 
border-black" style="background-image:url('imageurl.png')"></div>

在很长一段时间内，每个元素使用更多的类是否会成为一个问题？

---

我应该为每个元素创建更多这样的通用工具类，还是只定义样式并使用较少的类？

如果您想成为UI设计器，这是一个很好的做法

代码越少，学习就越多

---

这些类被定义为一组html页面设计，您可能希望在将来快速更改这些设计，或者其他团队成员希望处理这些设计。

如果您有一个大型项目，使用更多的类可能会很麻烦。好的是，您应该将常用的样式和属性分组到一个类中，然后在HTML页面上使用它们，这样您的应用程序将有一个稳定的外观，并且您可以在将来轻松地修改/编辑它们。通过这种方式，您还可以通过使用id调用样式表中的元素来定义额外的填充和其他小更改，这样代码看起来更干净、更易于阅读。

添加更多类会降低页面执行速度。因此，使用更少的类

---

将常用的样式和属性分组到一个类中。

如果你不打算在多个元素中重用这些类，这是一个可怕的实践，你应该考虑基于事物是什么而不是如何显示事物来选择类名。所以你有像“文章”、“评论”、“用户”、“评级”这样的类，而不是“边框-3-实体”、“绿色”、“半宽度”…我把它作为一个评论，因为这个问题有点主观，但是有大量的类会让它有点混乱。一个更好的选择类似于您试图实现的是在CSS预处理器（如SASS）中使用继承。例如，如果要多次使用完全相同的字体，唯一的区别是颜色，则可以使用继承来添加到类中。请在此处阅读更多信息：