文章原始出处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;