浏览器渲染流程

分类: 文章 • 2024-02-23 14:26:34

先将代码解析为一棵DOM树，按照从上到下，从左到右的顺序，将树上的节点压入文档流，节点之间存在层次嵌套关系。行内元素一行放不下的时候会自动换行。块级元素独占一行。图片是设置了宽高的行内元素。
文档流和网页的关系：一维节点映射到二维空间。
浏览器渲染流程