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

Css 不同类下的相同属性或一个类具有一个属性,css,Css,我有一个css文件,大约有1800行。在其他属性中,11个类包含边距底部:0 我想知道是否最好创建一个单独的类,例如.mar bott{margin bottom:0;}并将其添加到HTML中,还是像这样保留它?它会影响加载时间吗?最好将其设置为单独的类。css越少,需要从服务器获取的数据就越少最好将其作为一个单独的类。更少的css意味着需要从服务器获取的数据更少在我看来,您应该保持原样,否则您可以为每个css属性创建类,我认为这不是css的重点。CSS的目的是缩短HTML代码,并使其易于理解

我有一个css文件,大约有1800行。在其他属性中,11个类包含
边距底部:0


我想知道是否最好创建一个单独的类,例如
.mar bott{margin bottom:0;}
并将其添加到HTML中,还是像这样保留它?它会影响加载时间吗?

最好将其设置为单独的类。css越少,需要从服务器获取的数据就越少

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

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

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


这只是我的观点。

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

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


这只是我的观点。

这实际上是Bootstrap4对mt、mb、my、mx(页边距顶部、底部、y、x)所做的

正如Serge所说,你不应该对每个CSS属性滥用它,但在我的例子中,我经常对边距和填充进行滥用,因此如果边距/填充错误,你只需要更改类中的值

这只是我在启动新项目时创建的类的一个简短示例(我实际上在做与引导相同的事情):


等等……:)

这实际上就是Bootstrap4对mt、mb、my、mx(边距顶部、底部、y、x)所做的

正如Serge所说,你不应该对每个CSS属性滥用它,但在我的例子中,我经常对边距和填充进行滥用,因此如果边距/填充错误,你只需要更改类中的值

这只是我在启动新项目时创建的类的一个简短示例(我实际上在做与引导相同的事情):


等等……:)

CSS不编译CSS不编译HTML有很多类(比如4-5类)可以吗?我只是想知道惯例是什么。@Al josh没有惯例,一切取决于你的情况、项目、工作等等。。。。我们可以告诉您,
的使用!重要提示
不好,但是检查引导CSS,您会发现大量的
!重要信息
HTML可以有很多类(如4-5类)吗?我只是想知道惯例是什么。@Al josh没有惯例,一切取决于你的情况、项目、工作等等。。。。我们可以告诉您,
的使用!重要提示
不好,但是检查引导CSS,您会发现大量的
!重要信息
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;
}