css
粥粥_
这个作者很懒,什么都没留下…
展开
-
flex,应用场景
flex 核心概念 “容器”,“轴”,容器包含外层 父容器 和内层 子容器,轴包含 主轴(x轴)和交叉轴(y轴),一共有12css属性 父容器、子容器各6个;设置flex后,子元素的float、clear、vertical-align属性无效;父容器属性:justify-content:如何沿着主轴方向排列子容器。flex-start:起始端对齐flex-end: 末尾端对齐center: 居中对齐space-around: 子容器沿主轴均匀分布space-between:flex-w原创 2021-01-29 14:13:30 · 172 阅读 · 0 评论 -
回流(reflow)和重绘(repaint)
回流:当我们对 DOM 的修改,引发了 DOM几何尺寸的变化(比如修改元素的宽、高或隐藏元素等)时,浏览器需要重新计算元素的几何属性(其他元素的几何属性和位置也会因此受到影响),然后再将计算的结果绘制出来。这个过程就是回流(也叫重排);重绘:当我们对 DOM 的修改,导致了样式的变化、却并未影响其几何属性(比如修改了颜色或背景色)时,浏览器不需重新计算元素的几何属性、直接为该元素绘制新的样式(跳过了上图所示的回流环节)。这个过程叫做重绘;会导致回流的操作:1.页面首次渲染2.浏览器窗口转载 2020-06-09 16:17:15 · 453 阅读 · 0 评论