不同类下的相同属性或一个类具有一个属性



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

我想知道是制作一个单独的类(例如.mar-bott {margin-bottom: 0;}(并将其添加到HTML中更好,还是应该这样?这会影响装载时间吗?

在我看来,你应该保持原样,否则你可以为每个css属性创建类,我认为这不是css的重点。CSS的目的是缩短HTML代码,并使其易于理解。

只要你知道每个类都做什么,我就不会创建额外的类。

这只是我的看法。

这实际上就是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;
}

等等…:(

最好将其作为一个单独的类。更少的css意味着需要从服务器获取的数据更少

最新更新