- 博客(2)
- 收藏
- 关注
原创 CSS盒子模型
什么是盒子模型? 盒子模型就是一个盒子,它可以封装周围的html元素。并且允许我们在其他元素和周围元素边框的空间放置元素。 组成: 外边距margin:相邻盒子距离,可以为负数发生折叠。 边框boder:盒子的边框 内边距padding 边框到content的距离 实际内容content IE盒子和W3C盒子: IE : width = content.width+border+margin; W3C: width = cotent.width ...
2021-12-30 11:33:40
192
原创 浏览器渲染机制、重排、重绘
网页生成过程 1 HTML被HTML解析器解析成DOM树 2 CSS被CSS解析器解析成CSSOM树 3 将DOM树和CSSOM树结合形成渲染树(render tree) 4 生成布局Flow,即把所有渲染树的节点进行平面整合 5 布局绘制Paint,呈现屏幕 重排(reflow) 重排也叫回流。 当DOM的变化影响了元素的几何信息(其实就是DOM的位置和尺寸大小),浏览器需要重新计算DOM元素的几何属性,并把起放在界面正确的位置。这个过程就叫重排。 触发: 1 添加删除DOM元素(可见元素
2021-12-30 10:57:46
724
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人