![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 64
Kar29
这个作者很懒,什么都没留下…
展开
-
浏览器解析、渲染页面
目录 过程 其他相关内容 回流和重绘 渲染 过程遇到图片或 JS 文件怎么处理 过程 (1)首先解析收到的文档,根据文档定义构建一棵 DOM 树,DOM 树是由 DOM 元素及属性节点组成的。 (2)然后对 CSS 进行解析,生成 CSSOM 规则树。 (3)根据 DOM 树和 CSSOM 规则树构建渲染树。渲染树的节点被称为渲染对象,渲染对象是一个包含有颜色和大小等属性的矩形,渲染对象和 DOM 元素相对应,但这种对应关系不是一对一的,不可见的 DOM 元素不会被插入渲染树。还有一些 D.原创 2021-09-15 09:47:50 · 237 阅读 · 0 评论 -
CSS两种盒模型(标准盒模型&IE盒模型)
CSS盒模型本质是一个盒子,由边距、边框、填充和实际内容组成。 CSS盒模型分为两种:标准盒模型、IE盒模型(也成为怪异盒模型)。 两种盒模型的区别在于他们的总宽度的计算公式不一样。 在文档首部加了 <!Doctype html>声明,即使用标准盒模型,若不加,则会由浏览器自己决定。 标准盒模型 width = 内容(content)的宽度 height = 内容(content)的高度 总宽度:width + margin(左右) + padding(左右) + border原创 2021-09-13 19:27:03 · 7048 阅读 · 1 评论