当前位置: 首页 > 知识库问答 >
问题:

前端 - 在一个规则中,按什么样的空间顺序排布CSS声明好?

史商震
2024-03-12

在一个规则中,按什么样的空间顺序排布CSS声明好?

css的属性涉及到一个元素样式的很多方面,例如如字体、颜色、大小、布局、动画等等。

我通常是按照类别的顺序,将所有和字体相关的设置放在一起,将布局相关的设置放在一起...

我觉的按照这样的空间顺序排序有以下的好处:

  • 当我需要更改某一方面的样式的时候,可以很轻松的找到它们。
  • 当我设置完字体相关的属性之后,在去设置其他方面的属性的时候,就不需要耗费很多的精力去考虑它们了。如果我是想到哪就设置哪个属性,我还需要记住之前设置了哪些属性,现在我只需要知道哪些类别的属性已经被设置好了。
  • 更容易地做到需要设置的属性没有遗漏(设计图上需要的效果尽可能的完成)

但是,我看别人的一些css,一个类别的一些属性设置穿插在了一个规则中的各个地方,并没有聚在一起。

  • 按照类别组织方法有什么问题吗?
  • 有其他别的什么方式吗?
  • 该如何更好的组织css声明在一个规则中的空间顺序,可以让我们在书写、修改css的时候更容易呢?

共有2个答案

谭琛
2024-03-12

其实无所谓,前端做久了,发现怎么排都没有什么差别。

所以现在我用 TailwindCSS,并强烈推荐 TailwindCSS。

谈旺
2024-03-12

csscomb,专门干这个的。可以看看。

https://github.com/csscomb/csscomb.js/tree/ce7ad831bd9b7fddb660c59afbbaf183c98d6ca7

 类似资料:
  • 问题内容: 在HTML标头中,我得到了以下内容: 是我的页面专用表。是我在每个项目上使用的工作表,用于覆盖浏览器的默认设置。这些样式表中哪个优先?示例:第一张纸包含特定内容 和相关的边界,但是第二个包含我的重置 本质上,CSS的级联元素在样式表引用方面是否与典型CSS函数中的相同?意思是显示的最后一行是? 问题答案: CSS规则级联的规则很复杂-与其尝试严重地解释它们,不如简单地向您介绍该规范:

  • 问题内容: 是什么区别,并宣布一组样式时的元素,什么是决定使用哪一个时发挥作用的语义? 问题答案: 是的,它们是不同的… 是[ID选择器,用于定位具有唯一ID的_单个_特定元素,但。是一个类选择器,用于将特定类的 多个 元素作为目标。换一种方式: 将为带有属性声明的 单个 元素设置样式 将使用属性设置_所有_元素的样式(您也可以将多个类分配给一个元素,只需将它们用空格隔开,例如) 典型用途 一般来

  • 问题内容: 我正在阅读一些Java文本,并获得以下代码: 在本文中,作者没有给出明确的解释,最后一行的效果是: ; 我不确定自己是否理解:评估是如何发生的? 问题答案: 让我说得很清楚,因为人们一直误会这一点: 子表达式的求值顺序与关联性和优先级无关。结合性和优先级确定以什么顺序运营商执行,但不以什么顺序确定的子表达式进行评估。你的问题与子表达式的计算顺序有关。 考虑一下。乘法比加法具有更高的优先

  • 本文向大家介绍Mysql 中文排序规则说明,包括了Mysql 中文排序规则说明的使用技巧和注意事项,需要的朋友参考一下 使用MySQL过程中,我们经常会对一个字段进行排序查询,我们一般都是想要按照中文拼音首字母进行依次排序,但mysql中进行中文排序的时候,对汉字的排序结果往往都是错误的。 这种情况在MySQL的很多版本中都存在。 如果这个问题不解决,那么MySQL将无法实际处理中文。 出现这个问

  • 我正在开发一些关于guvnor插件的规则。e、 g.检查 这个人就是老师。 老师是男性。 男教师为45岁或以上。 我把这三条规则分开处理。但现在我想按顺序调用它们。 比如这个人是老师。插入新的事实男性教师。然后在下一个规则中,在收到的事实中填充教师的年龄。然后检查教师的年龄。 那么我如何在drools-guvnor插件中实现这一点。 我在drools-guvnor5.5插件jboss中使用引导编辑

  • 问题内容: 所以,这就是我正在做的: 我有一张桌子,上面放着所有的桌子。 但是在一个特殊的场合,我希望一个特定的对象在各个方向都有,我将其设置为。 显然,我将CSS样式依次放在一个外部文件中。 但是渲染的CSS仅具有,并且似乎已被覆盖! 请说明: 这是怎么发生的以及为什么发生? 我应该如何安排这些规则来解决我的问题(除了内联样式)? 编辑:我在表中删除之前。我从来没有使用过它,我只是在这里提到它以