一些优化css的方法

提高css代码的性能

1.提高页面加载性能，减小css文件的大小，提高页面的加载速度，尽可能的利用http缓存

2.提高浏览器解析css代码的速度

 

方法：

1.尽量写在单独css文件中，在head中引用

2.不使用import

3.避免复杂的选择器，选择器嵌套最好不超过三层

    1）不要在id选择器前使用标签名。一般写法：DIV#divBox，更好写法：#divBox。因为ID选择器是唯一的，加上div反而增加不必要的CSS匹配。

    2）不要在class选择器前使用标签名。一般写法：span.red，更好写法：.red。同第一条，但如果你定义了多个.red，而且在不同的元素下是样式不一样，则不能去掉

    3）在css渲染效率中id和class的效率是基本相当的。class最在第一次载入中被缓存，在层叠中会有更加好的效果，在根部元素采用id会具有更加好（id有微妙的速度优势）。

4.精简页面的样式文件

5.利用css继承减少代码量

6.学会注释！！！

7.比较推荐的书写顺序

    (1)位置属性(position, top, right, z-index, display, float等)

　(2)大小(width, height, padding, margin)

    (3)文字系列(font, line-height, letter-spacing, color- text-align等)

　(4)背景(background, border等)

　(5)其他(animation, transition等)

8.尽可能少写重复代码！！两个及两个以上的重复代码就要考虑有什么简写的方式，你的代码太冗杂了！