欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-06 09:35:22
今年难得遇到中秋和国庆,已经放假几天了,我也回到家了。今天还是比较开心的,抢了比较多的红包,嘿嘿。红包抢完了,现在也空下来写点博客咯。 这里是我从网上的一篇文章看过来的,这里先做...

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

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

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