Html CSS属性的位置顺序是否重要？

这似乎是一个简单的问题，但我想知道如何在各个选择器中定位属性，例如：

display

first或

width

first等；贝娄就是一个例子，位置和风格混合在一起，真的到处都是

.box {
    display:block;
    width:100px;
    background-color:blue;
    margin:25px;
    position:absolute
}

• 这真的重要吗
  
• 我们应该遵循什么准则

---

谢谢，

这在很大程度上是一个品味和风格的问题。如果你想了解这些指南，可以参考很多，但尼古拉斯·加拉赫（Nicolas Gallagher）的指南是一个开始，特别是该部分

如果声明的顺序是一致的，则应遵循单一、简单的原则

较小的团队可能更喜欢将相关属性（例如定位和盒子模型）聚集在一起

较大的团队可能更喜欢字母顺序带来的简单性和易维护性

---

属性的顺序并不重要（从技术意义上讲），除非：

• 相同的属性（包括供应商前缀版本）
• 一个属性是包含另一个属性的速记属性

例如：

background: url('foo');
background-color: red;

及

---

…将给出不同的结果（因为如果省略

背景

属性的

背景色

部分，它将被视为

透明

）。

其实并不重要-但为了可读性，我总是按字母顺序编写属性。。此外，供应商前缀属性CSS属性如果添加回退，最好将它们放在第一位。因为浏览器将使用他们理解的最后一条规则。+1。我要添加的另一种情况是针对供应商前缀属性。@Quentin即使在浏览器代码的后面，代码也是作为块执行的，渲染速度也不会减慢，或者其他什么？我知道这可能有点过头了，但如果我能发现这一点，从长远来看可能会有所帮助。作者建议用4个空格代替制表符。这不是更大的字节大小吗？我一直都在使用TAB.Sure，这也是一个备受争议的问题，关于它的决定需要根据代码中的每个人做出，并得到他们的同意。CSS格式便于阅读、编写和维护，我建议您缩小产品CSS，以消除不必要的空白，并完全避免1vs4字节参数！

background-color: red;
background: url('foo');