[css] 列举CSS优化、提高性能的方法

加载性能

    压缩CSS
    通过link方式加载，而不是@import
    复合属性其实分开写，执行效率更高，因为CSS最终也还是要去解析如 margin-left: left;

选择器性能

    尽量少的使用嵌套，可以采用BEM的方式来解决命名冲突
    尽量少甚至是不使用标签选择器，这个性能实在是差，同样的还有*选择器
    利用继承，减少代码量

渲染性能

    慎重使用高性能属性：浮动、定位；
    尽量减少页面重排、重绘；
    css雪碧图
    自定义web字体，尽量少用
    尽量减少使用昂贵属性，如box-shadow/border-radius/filter/透明度/:nth-child等
    使用transform来变换而不是宽高等会造成重绘的属性

暂且先这样吧，看来想回答好，得好好梳理下了。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题