Html 当一个特定的css样式经常被使用时,它应该是一个自己的类吗?

Html 当一个特定的css样式经常被使用时,它应该是一个自己的类吗?,html,css,Html,Css,当我经常需要一个特定的样式时,比如float:left,创建一个自己的类还是将这个样式放在每个需要的类中更好 这里有一个例子页来说明我的意思 类left的使用方式好吗?或者,如果我将每个float:left样式放入其他类中会更好吗?这样做没有什么错 我一直为自己创建css助手类 当你不使用一个像Bootstrap这样的框架时,能够添加类=“边框”你的HTML很有助于快速了解框中的内容 要考虑的事情是可读性和重复你自己。 可读性: 拥有一个left类,其中唯一的规则是float:left,这将有

当我经常需要一个特定的样式时,比如
float:left
,创建一个自己的类还是将这个样式放在每个需要的类中更好

这里有一个例子页来说明我的意思


left
的使用方式好吗?或者,如果我将每个
float:left
样式放入其他类中会更好吗?

这样做没有什么错

我一直为自己创建css助手类


当你不使用一个像Bootstrap这样的框架时,能够添加<代码>类=“边框”<代码>你的HTML很有助于快速了解框中的内容

要考虑的事情是可读性和重复你自己。 可读性:

拥有一个
left
类,其中唯一的规则是
float:left
,这将有助于提高HTML的可读性。因为每当有人在元素上看到该类时,他们就知道它将被向左浮动。因此,这样可以提高可读性

干燥:

对于CSS来说,“不要重复你自己”这句古老的格言几乎是不可能坚持的,但我认为它仍然应该被考虑。在这种情况下,您应该进行比较。 我将在CSS中添加多少次
float:left
?相对于在HTML中添加
class='left'
的次数


我要指出的是,大多数CSS框架使用的工具类都是
.left{float:left;}

除此之外还有很多观点, 取决于你的背景

在Sass中有占位符选择器

另一种方法是创建助手类

一个简单的类,它只做一件事,以便在代码中的任何地方都可以重用

第一个解决方案增加了输出css文件,第二个解决方案增加了html文件


也许第二个比第一个更好。

这只是一个意见问题,但我认为不,你不应该

HTML和CSS是分开存在的,因为它们解决不同的问题。HTML表示信息,CSS表示数据的显示方式

创建只包含一条规则的类开始模糊这种区别,并开始在HTML中引入特定于样式的信息

假设您想将所有向左浮动的内容更改为向右浮动。您可以将CSS规则更改为

.left {
   float: right;
}

这显然是可怕的,否则你必须进入你的HTML,在你想改变浮点值的每一种情况下改变类——这也不理想。在一个完美的世界中,您希望能够仅通过编辑CSS来更改样式。这就是它的目的。显然,有时这是不可能的,但如果您以语义上有意义的方式标记HTML,大多数情况下都是这样。

两者都可以。投票结束作为离题,因为它是基于观点的。我同意,如果它对你的情况有效,就去做。