HTML+CSS进阶学习摘录（性能优化）（七）

一、属性缩写

1、盒模型缩写（border padding margin）

2、背景缩写

background: url("aa.jpg") no-repeat 80px 40px

3、字体缩写

font:"微软雅黑" 12px/1.5em bold

4、颜色值缩写

color: #000

二、语法压缩

1、空白符

2、结尾分号

3、url的引号

4、属性值为0（可不添加单位）

5、属性值为以0开头的小数

6、合并相同的定义

7、利用继承进行合并

三、压缩工具

四、图片压缩

五、高性能的选择器

1、浏览器对选择器规则是从右到左解析的。

2、不同选择器的解析速度

  id选择器>class选择器>元素选择器>相邻选择器>子选择器>后代选择器>通配符选择器>属性选择器>伪类选择器

（1）不要使用通配符

（2）不要在id选择器以及class选择器前添加元素名

（3）选择器最后不要超过三层，位置靠右的选择条件尽可能精确。

（4）避免使用后代选择器，少用子选择器。