更新时间:2023-03-18 14:44:02来源:良将浏览1274次
浏览器渲染页面流程如下:
1)解析HTML文件,创建DOM树
自上而下,遇到任何样式(link、style)与脚本(script)都会阻塞(外部样式不阻塞后续外部脚本的加载)。
2)解析CSS
优先级:浏览器默认设置<用户设置<外部样式<内联样式。
3)将CSS与DOM合并,构建渲染树(Render Tree)。
4)布局和绘制,重绘(repaint)和重排(reflow)。
文章来源于网络,不代表本站任何观点。如有侵权或需授权才可以转载请联系管理员,我们核实信息后会在第一时间删除
相关阅读