CSS属性书写顺序

学习任何一种编程语言，代码规范是一个长期习惯养成的，简单记录一下 css属性书写顺利。

1. 布局定位属性：display/position/float/clear/visibility/overflow
2. 自身属性：width/height/margin/padding/border/backfround
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…

demo：

.jdc {
    /* 布局定位 */
    display: block;
    position: relative;
    float: left;
    /* 自身属性 */
    width: 100px;
    height: 100px;
    margin: 0 10px;
    padding: 20px 0;
    /* 文本属性 */
    font-family: Arial,
        'Helvetica Neue', Helvetica, sans-serif;
    color: #333;
    /* 其他属性 */
    background: rgba (0, 0, 0, •5);
    border-radius: 10px;
}