css优化

css

CSS优化主要是4个方面：

1.加载性能

2.选择器性能

3.渲染性能

4.可维护性

网上关于css优化的方法有很多，以下是我整理的一些方法：

1.避免使用通配选择器

2.避免使用类选择器或者标签选择器限制ID选择器。（div#header）（.nav#header）;

3.避免使用标签选择器限制class选择器（div.header）;

4.尽量避免使用子选择器（div ul li a），建议用类选择器代替减少查找;

5.避免使用多层选择器（div[.header] > ul >li > a[hred="#"]）;

6.尽量避免使用限制选择器。

7.考虑可继承性。这里要规划好页面结构，利用相同的代码实现更多的样式。

8.慎重使用高性属性：浮动、定位；

9.去除空规则；

10.属性值为0时，不加单位；

11.属性值为浮点数0.**时，可以省略小数点前的0；

12.标准化各种浏览器前缀，带浏览器前缀的在前，标准的在后；

13.将css文件放在页面的最上面；

14.正确使用display的属性；

display:inline后不应该再使用width、height、margin、padding以及float。
display:inline-block后不应该再使用float。
display:block后不应该再使用vertical-align。
display:table-*后不应该再使用margin或者float。 

15.不滥用web字体

16.不声明过多的font-size

17.不给h1~h6元素定义过多的样式

18.不重复定义h1~h6元素