CSS代码优化教程之属性缩写

文章原始出处http://www.html-css.cn/css/22.html

 

说到CSS代码优化的最终目的就是减少CSS文件的K数大小，让网页加载起来更高效，用户体验也得到提高。其中方法有如：CSS框架研究，去掉重复的继承属性和CSS属性缩写等等。而今天我说的是CSS属性的缩写，也是CSS代码最基本的优化！

网络上有一篇文章《提高CSS的网页渲染效率》中也提到关于CSS属性缩写方面的资料。

十六进制的颜色值对位数与大小写

编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。
* 不赞成 - color:#f3a;
* 建议用 - color:#FF33AA;

border:none;与border:0;的区别

和display与visibility的关系类似，分别不保留与保留空间。更多的是border:0;尽管可以隐藏掉边框，但它会为你保留border-color/border-style的使用权。
* 不赞成 - border:0;
* 建议用 - border:none;