从性能角度讲，有两个方面可以提高：
1、网络I/O。
- 合并小图片和合并css、js 文件可以有效降低http连接数；
- 在可以不考虑IE6~8的场合，使用css3效果代替图片同样可以起到减少http连接的作用；
- 使用缩写、删除无用样式可以所见css文件大小，降低流量消耗。
2、浏览器对css的解析效率
- 慎用通配符和正则表达式选择器；
- 了解css的解析过程，在性能敏感时使用合适的选择器；
提高开发效率方面，主要在于选择合适的框架和工具：
- 合理选用开发框架可以让很多代码不必亲自动手；
- 使用less 或 sass 等预处理语言可以小小缩减代码量，同时方便模块化组织代码；
- 深入了解开发工具使用，选用一些提高生产力的编辑其插件。 在可维护方面，需要注意合理的编码规范和自动化工具的使用：
- 注意命名的语义和代码结构的合理性，不滥用class，过多重复代码；
- 尽量把代码压缩、合并、发布等自动化，通过配置文件进行管理，减少出错的可能。
- css编码命名时避免（不推荐）使用下划线连接单词，原因：
**推荐 .main-title {} 不推荐 .main_title {}**
1. 浏览器兼容问题，比如使用 _tips 的选择器命名，在IE6中是无效的；
2. 能良好区分 JavaScript 变量命名，Javascript 变量名不支持中横线。
