给css样式定义排序

一、 css样式分为7大类:

• 1、显示与浮动
• 2、定位
• 3、尺寸(width,height)
• 4、边框及相关属性（margin,padding,border,outline）
• 5、字体样式
• 6、背景（background）
• 7、其它样式(opacity,cursors)

二、 根据上面的规则依次来书写样式

.reader-info {
    display: block;
    float: left;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 100px;
    height: 100px;
    border: 5px solid #ddd;
    margin: 10px;
    padding: 10px;
    font-size: 20px;
    cursor: pointer;
}

三、上面的原则是把影响布局的样式放在前面，把不影响布局的样式放在后面

四、可以使用在线工具csscomb在线工具

五、也可以使用webstorm等工具安装csscomb插件