高效的

CSS代码

1. body { font-family: arial, helvetica, sans-serif; }    
2. body { font-family: arial, helvetica, sans-serif; }   
3. h1 { font-family: georgia, times, serif; }  

四、使用多重选择器

低效率的

CSS代码

1. h1 { color: #236799; }    
2. h2 { color: #236799; }   
3. h3 { color: #236799; }   
4. h4 { color: #236799; }  

高效的

CSS代码

1. h1, h2, h3, h4 { color: #236799; }  

五、使用多重声明

低效率的

CSS代码

1. p { margin: 0 0 1em; }   
2. p { background: #ddd; }   
3. p { color: #666; }  

译者注： 对于十六进制颜色值，个人偏向于色值不缩写且英文字母要大写的方式.

高效的

CSS代码

1. p { margin: 0 0 1em; background: #ddd; color: #666; }  

六、使用简记属性

低效率的

CSS代码

 4/5   首页 上一页 2 3 4 5 下一页 尾页