如何在声明块中订购属性？

Question

我知道没有真正正确或错误的答案。我只想听听CSS开发人员如何订购您的物业，以及您的偏好背后有什么理由。 非常感谢。

Answer 1

个人我尝试组属性或多或少像这样：

• 盒模型（高度，宽度，填充，余量...）
• 定位
• 字体相关（字体家庭，字体重量等）
• 颜色和背景图片

有没有真正的利益做事情就这样，我只是觉得这合理合乎逻辑且易于遵循。

简单的例子（带注释来说明）：

#selector{ 
    /* box */ 
    width: 300px; 
    margin: 15px 0 30px; 
    padding: 5px; 
    border: 1px solid #333; 

    /* position */ 
    float: left; 
    display: inline; 

    /* font */ 
    font-family: 'Lucida Grande', 'BitStream Vera Sans', Verdana, sans-serif; 
    font-weight: normal; 
    font-size: 14px; 

    /* colour */ 
    color: #000; 
    background: #ddd; 
} 

值得注意我通常保持组合选择上一条线（即在同一行的所有箱相关的选择，等等）

Answer 2

查看Andy Ford's post详细说明了他订购CSS属性的方法。他在主题上以a nice round-up of further reading around the internet结束。