如何优化CSS以提高性能？

（1）属性设置使用简写

例如：

.box {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 30px;
    margin-left: 40px;
}

简写为：

.box {
    margin: 10px 20px 30px 40px;
}

可以减小生成包的体积。

（2）用CSS替换图片

一些箭头、圆，若能用CSS代替，尽量用CSS画。

可以减少HTTP请求，减轻服务器压力。

（3）删除不必要的单位、零

例如：

.box {
    width: 0.2em;
    height: 20em;
    padding: 0px;
}

可优化为：

.box {
    width: 0.2em;
    height: 20em;
    padding: 0;
}

可以减小生成包的体积。

（4）使用CSS精灵图

也可以减少HTTP请求，减轻服务器压力。