
CSS
文章平均质量分 92
天弈初心
这个作者很懒,什么都没留下…
展开
-
CSS重排Reflow和重绘Repaint
一、什么是重排(回流)Reflow和重绘Repaint1.重排(回流)重排(回流):当渲染 render 树中的一部分或者全部因为大小边距、布局等问题发生改变而需要 DOM 树重新计算的过程,每个页面至少需要一次重排,就是在页面第一次加载的时候。2.重绘当元素的一部分属性发生改变,如外观、背景、颜色等不会引起布局变化,只需要浏览器根据元素的新属性重新绘制,使元素呈现新的外观叫做重绘。3.页面渲染过程浏览器加载,解析,渲染页面,分为五个步骤:1. 浏览器将获取的 HTML 文档解析成 DOM 树原创 2022-05-11 15:26:36 · 497 阅读 · 0 评论 -
当li设置为inline-block之后元素之间空隙的产生原因和解决办法
当我们在使用ul>li标签写导航的时候,又不想让其变成浮动流,我们只需要把li的css样式添加一个display: inline-block就可以了。但是当我们写完样式之后,本来应该是这样的。实际情况却是这样的。究其原因,我们在使用display:inline-block的时候,浏览器的默认行为是把inline元素间的空白字符(空格换行tab)渲染成一个空格,也就是我们上面的代码&...原创 2019-06-22 20:14:48 · 1121 阅读 · 0 评论