CSS写作建议和性能优化总结

来源:互联网 发布:淘宝客的推广链接 编辑:程序博客网 时间:2024/06/05 00:21

今年难得遇到中秋和国庆,已经放假几天了,我也回到家了。今天还是比较开心的,抢了比较多的红包,嘿嘿。红包抢完了,现在也空下来写点博客咯。
这里是我从网上的一篇文章看过来的,这里先做一点小结,之后再补充。
1.CSS渲染规则
今天在微博的一篇文章上看到的,之前我都以为渲染是从左往右渲染。发现我的想法是错的。之所以采用从右往左的渲染规则,是因为这样渲染的性能会比较好一点。

2.嵌套层级不要超过3级
一般情况下,元素的嵌套层级不能超过3级,过度的嵌套会导致代码变得臃肿,复杂,导致css文件体积变大,造成性能浪费,影响渲染的速度

3.图片最好要设置width和height
如果页面有使用img标签,那么img很建议设置width和height。目的是为了保证在网速差的时候或者其他原因加载不出图片的时候,保证布局不会乱。