Question

我有以下CSS：

body 
{ 
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-top:0px;
    background-image: url("../images/tile.png");
    background-repeat: repeat;
    background-attachment: fixed;
}

#mbody
{
    width:80%;
    border-style:solid;
    border-width:2px;
    margin-left:10%;
    margin-top:50px;
    margin-bottom:10%;
    background-color:white;
 }

是否有普遍接受的方法来订购物业？按字母顺序排列？按目的分组？目前，当我想添加它们时，我只是将它们添加到最后。这样做我觉得自己是一个坏人。

Answer 1

我更喜欢按字母顺序排列。另一件事你应该在标准之前添加特定于供应商的属性，以便在可用时根据标准对元素进行样式设置。另外，请考虑将兼容属性组合在一起。

使用margin:none代替：

margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;

background属性也是如此。

Answer 2

属性的顺序无关紧要，但您通常应按目的排序。此外，您可以随意使用margin: 50px 0 10% 10%等简短形式，而不是4 margin-*条规则。

如果您正在考虑按字母顺序排序属性，可能是时候拆分类，并在一个类或规则中定义多个类中常见的属性。

Answer 3

至少没关系。只需记住在将其投入生产之前通过YUI压缩器运行该文件。

Answer 4

想想时钟......

从12:00开始，然后是3：00,6：00,9：00。向上，向右，向下，向左通常是我列出属性的方式。

我相信使用一些新的CSS3属性，比如border-radius，你必须按顺序列出它们。

订购CSS属性

4 个答案: