我觉得可以借鉴CSS 2.1 Specification中对CSS属性的分类，将Andy的顺序稍微调整下：

    1.影响文档流的属性（比如：display, position, float, clear, visibility, table-layout等）
    2.自身盒模型的属性（比如：width, height, margin, padding, border等）
    3.排版相关属性（比如：font, line-height, text-align, text-indent, vertical-align等等）
    4.装饰性属性（比如：color, background, opacity, cursor等）
    5.生成内容的属性（比如：content, list-style, quotes等）

事情永远没那么简单，比如下面这些困扰：

    1.对于shorthand怎么处理？比如 border: 1px solid red; 其中border-width是和盒模型相关的，但border-color是装饰性的。如何组织呢？
    2.考虑到换肤功能，是否应该将color, background, border-color等和颜色相关的都放一块？以方便以后修改。
    3.对于hacks如何处理？单独放到css文件最后面，还是和hack的属性紧挨着好？
    4.维护同事的css文件时，对于新增加或有修改的属性，如何注释？如何书写？
    5.还有，考虑到CSS Sprite, 所有背景图的选择器都放在一起？不过这已经超出本文的话题了：CSS选择器内属性的顺序和组织。
    6.更进一步的讨论是：CSS文件内的结构组织，以及多个CSS文件的组织。

   一. Mozilla 建议CSS规则 
<span style="font-family:Microsoft YaHei;">/* Suggested order:  
     * display  
     * list-style  
     * position  
     * float  
     * clear  
     * width  
     * height  
     * margin  
     * padding  
     * border  
     * background  
     * color  
     * font  
     * text-decoration  
     * text-align  
     * vertical-align  
     * white-space  
     * other text  
     * content  
     *  
     */</span>  

二.怿飞’s Blog细分为:

[css] view plaincopyprint?

    <span style="font-family:Microsoft YaHei;">/*显示属性*/  
    display  
    list-style  
    position  
    float  
    clear  
      
    /*自身属性*/  
    width  
    height  
    margin  
    padding  
    border  
    background  
      
    /*文本属性*/  
    color  
    font  
    text-decoration  
    vertical-align  
    white-space  
    ohter text  
    content</span>