Question

我有一个大约1800行的css文件。除其他属性外，11个类还包含margin-bottom: 0;。

我想知道最好做成一个单独的类，例如.mar-bott {margin-bottom: 0;}并将其添加到HTML中，还是应该这样保留它？会影响加载时间吗？

Answer 1

我认为您应该保持现状，否则您可以为每个css属性创建类，我认为这不是css的意义。 CSS的要点是缩短HTML代码并使之易于理解。

只要您知道每个课程的内容，我就不会创建额外的课程。

那只是我的看法。

Answer 2

这实际上是Bootstrap 4对mt，mb，my，mx（margin-top，bottom，y，x）所做的工作。

就像Serge所说的那样，您不应滥用每个CSS属性，但就我而言，我经常使用margin和padding这样做，因此，如果您的margin / padding错误，则只需更改类中的值即可。

这只是我启动新项目时创建的类的简短示例（实际上，我的工作与引导程序相同）：

mt-5{
     margin-top: 30px;
}
mt-4{
     margin-top: 25px;
}
mt-3{
     margin-top: 20px;
}
mt-2{
     margin-top: 15px;
}
mt-1{
     margin-top: 10px;
}

依此类推...：）

Answer 3

最好将其设置为单独的类。更少的CSS意味着更少的数据需要从服务器获取

同一类别在不同类别下或同一类别在一项类别下

3 个答案: