css里各个元素的书写顺序

1. 位置相关: position, top, left, index, float, display

2. 大小相关: width, height, margin, padding

3. 文字相关: font, line-height, color, letter-spacing

4. 背景边框: background, border

5. 其他: anmation, border

 

举个栗子

#demo{
    position: absolute;
    width: 100px;
    height: 100px;
    font: 24px;
    line-height: 100px;
    color: #ffffff;
    background-color: #4d7cc4
}