**考虑继承**
了解哪些属性是可以通过继承而来的，然后避免对这些属性重复指定规则
渲染性能：
1、慎重使用高性能属性：浮动、定位；
2、尽量减少页面重排、重绘；
重排按照css的书写顺序：
位置：positon、top、left、z-index、float、dispay
大小：width、height、margin、padding
文字系列： font、line-height、color、letter-spacing
背景边框：background、 border
其它：anmation、transition
重绘：border、outline、background、box-shadow，能使用background-color，就尽量不要使用background;
（学习视频分享：css视频教程）
3、去除空规则：｛｝；
4、属性值为0时，不加单位；
5、属性值为浮动小数0.**，可以省略小数点之前的0；
6、标准化各种浏览器前缀：带浏览器前缀的在前。标准属性在后；
7、不使用@import前缀，它会影响css的加载速度；
8、充分利用css继承属性，减少代码量；
9、抽象提取公共样式，减少代码量；
10、选择器优化嵌套，尽量避免层级过深；
11、css雪碧图，同一页面相近部分的小图标，方便使用，减少页面的请求次数，但是同时图片本身会变大，使用时，优劣考虑清楚，再使用;
12、将css文件放在页面最上面
可维护性、健壮性：
1、将具有相同属性的样式抽离出来，整合并通过class在页面中进行使用,提高css的可维护性；
2、继上一条，oocss也是提高css性能的途径之一，通过定义可复用的、语义化良好的基础类，然后添加到html中，这也是很多ui框架都在使用的一种方法，例如：class="btn btn-active btn-blue"；
3、样式与内容分离：讲css代码定义到外部css中；
4、容器与样式分离；
更多编程相关知识，请访问：编程视频！！
以上就是css优化，提高性能的方法有哪些的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
