1.慎用消耗性能的属性

box-shadow
filter
...

2.样式属性尽量采用合并的写法

padding border margin的top right bottom left推荐合并在一起写

3.减少选择器嵌套

减少嵌套可以避免不必要的选择器查询，提高性能。

4.用修改className来代替修改style

减少JS的代码量，把更多工作交给css

5.尽量合并重复的样式，避免css文件过大

6.书写规范

1.在正确表意的同时缩写名称
.navigation 缩写为 .nav
.sidebar 缩写为 .side

2.不使用"",适用''

3.使用用-，不使用_

4.采用类别-功能的命名方式

7.适配

一些属性已被浏览器支持，但还没有在CSS中成为标准，要想在该浏览器使用这些属性，需要添加该浏览器的私有前缀
添加前缀如 -webkit- -moz- -ms- -o-

8.动画

尽量使用css动画
如果是复杂动画需要用到JS，使用requestAnimationFrame，而不是setInterval