CSS 优化和提高性能的方法有哪些？
加载性能
- css压缩：将写好的css进行打包压缩，可以减小文件体积。
- css单一样式：当需要下边距和左边距的时候，很多时候会选择使用 margin:top 0 bottom 0；但margin-bottom:bottom;margin-left:left;执行效率会更高。
- 减少使用@import，建议使用link，因为后者在页面加载时一起加载，前者是等待页面加载完成之后再进行加载。
- 异步加载：动态创建引入标签
渲染性能
- 慎重使用高性能属性：浮动、定位。
- 减少重排操作，以及减少不必要的重绘
- CSS3动画或者过渡尽量使用transform和opacity来实现动画，不要使用left和top属性；
- 内联关键样式，不重要的样式定义到外部css（异步加载，动态创建dom）；
选择器性能
- 不要嵌套使用过多复杂选择器，最好不要三层以上；
- 使用id选择器就没必要再进行嵌套
- 通配符和属性选择器效率最低，避免使用
- 减少使用昂贵的属性
- 建立公共样式类
