CSS 最佳实践/新手问题

Question

好的，一个非常快速的问题 - 这是应用 css 样式的最佳方法:

1 - 使用大量应用样式不同部分的不同类，即 class='font-1 red-bkg border-1' 等等。

或者

2 - 单独设计网站的各个部分

Answer 1

例如，您应该为 font 做的是将其应用到 body，背景颜色、字体颜色等也是如此......

body{font: Verdana 38px; color: #000; background: #fff;}

然后对于个别特征(例如边距、填充、边框等)，它们应该以每个类的方式定义。

.classname {
    margin: 0px 5px 10px 5px;
    padding: 10px 5px 10px 6px;
 }

更好的可维护性，并使您的 HTML 不那么困惑。

我认为要证明共享类的合理性，您应该在其中拥有多个属性，否则您无法从使用 CSS 的模块化中获得任何好处。

即像这样的事情不是好主意:

.bold { font-weight: bold; }