CSS属性书写顺序

建议遵循以下顺序

1. 布局定位属性：display/position/float/clear/visibility/overflow(建议display第一个写，因为关系到模式)
2. 自身属性：width/height/margin/padding/border/background
3. 文本属性：color/font/text-decoration/text-align/vertical-align/white-space/break-word
4. 其他属性(css3)：content/cursor/border-radius/box-shadow/text-shadow/background:linear-gradient...

例

.jdc {
    display: block;
    position: relative;
    float: left;
    /*跟布局和模式相关的，分为第一档*/
    width: 100px;
    height: 100px;
    margin: 0 10px;
    padding: 20px 0;
    /*跟盒子本身相关的，分为第二档*/
    font-family: Arial, 'Heivetica, sans-serif;
    color: #333;
    /*跟文字相关的，分为第三档*/
    background: rgba(0,0,0.5); /*因为使用了rgba，rgba属于CSS3使用方法，所以分为了第四档*/
    broder=radius: 10px;
    /*跟CSS3相关的，分为第四档*/
}