你应该把CSS属性放在什么顺序?

时间:2013-09-30 11:59:32

标签: css standards

是否有正确的顺序来放置您的CSS属性?我从来没有被告知按照一定的顺序放置我的房产。我想这是个人喜好吗?

服务器端语言具有可编码的各种标准。 CSS有标准吗?

我倾向于:

.element
{
    /* display: */
    /* position:, top:, right:, bottom:, left: */
    /* width:, height: */
    /* margin:, padding: */
    /* color:, font: */
    /* background: */
    /* border:, border:radius: */
    /* z-index: */
}

4 个答案:

答案 0 :(得分:2)

虽然周围没有标准。 也许这就是声明性DSL应该是怎样的。

以下链接可能会让您了解如何为您的域构建标准

答案 1 :(得分:0)

我认为没有正确的命令,你只需按自己喜欢的方式行事,并尝试以最佳方式组织css属性。

答案 2 :(得分:0)

就我而言,没有具体的订单。迟到的属性会影响其他属性,但这都是

答案 3 :(得分:0)

没有一个常用的标准(根据我的经验 - 写作CSS的十年,过去6年在各个不同公司的自由职业者,都在英国)。

我怀疑这是因为它并不重要。假设您没有重复的属性,顺序不会影响代码的工作方式,虽然在属性顺序一致时更容易阅读,但当编写以任何顺序执行时,显然更容易大脑出现了。

CSS Tricks去年做了a poll on CSS property order。最受欢迎的答案是“按类型分组”(紧密地紧跟“随机”,即没有特定顺序),尽管“类型”似乎没有具体定义。

Google's CSS Style Guide decided on alphabetical order for properties