![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
木_林_森
学无止境,一直在路上
展开
-
重绘和回流(Repaint & Reflow),以及如何进行优化
1.当Render Tree中部分或全部元素的尺寸、结构、或某些属性发生改变时,浏览器重新渲染部分或全部文档的过程称为回流。浏览器引起回流的操作:字体大小变化 元素尺寸、位置发生变化 增加或者删除可见的元素 激活伪类属性 访问某些位置信息注:浏览器会维护一个队列,把所有引起回流和重绘的操作放入队列中,如果队列中的任务数量或者时间间隔达到一个阈值的,浏览器就会将队列清空,进行一次批处理,这样可以把多次回流和重绘变成一次。因为队列中可能会有影响到这些属性或方法返回值的操作,即使你希望获取的信息与队原创 2021-12-04 23:37:52 · 235 阅读 · 0 评论 -
display:none,visibility:hidden,opacity:0 有什么异同
相同点:使用元素在页面上都不可见;1.原创 2021-11-27 12:59:04 · 352 阅读 · 0 评论 -
CSS 格式化上下文(BFC)
触发BFC 的条件;1. float 的值 不为none,即(left orright );2. position 的值为 fixed or absolute ;3. display inline-block , flex ,inline-flex ,table-cell 等4.overflow 不为visibleBFC 的特点触发BFC 的特点BFC 内部的相邻块级元素 会发生在垂直方向发生margin 重叠;BFC 在页面是一个独立的容器,里外元素互不影响;BFC...原创 2021-11-25 22:25:00 · 217 阅读 · 0 评论 -
css 常用 垂直居中 总结
网上有很多垂直居中方法,可能大多数都用不到,下面根据项目中 最经常用到的几种 做以下总结:1. 最经常用的 ,应该也是简单的 flex 弹性布局 在父元素的设置:.container{ dispaly:flex; justify-content:center; aligin-items:center; }2. 有绝对定位的div 水平 垂直居中.vertical-center-position{ position:absolu...原创 2021-11-13 16:16:12 · 213 阅读 · 0 评论 -
清除浮动常用方法
布局 过程中 ,经常用到浮动等 方式 。。。 ,副作用之一,引起父元素高度坍塌,所以要清除浮动,<div class="father"> <div class="big">big</div> <div class="small">small</div> <div class="clear">额外标签法</div> </div> 1, 因为...原创 2021-04-26 17:08:55 · 70 阅读 · 0 评论 -
移动端页面动态加载 2X & 3X 图片
开发背景 开发移动端H5页面 面对不同分辨率的手机为什么要用不同倍率下的图片 ?有时候我们会发现,当我们在适某一机型的时候,显示上没什么问题。但是一旦我换到另外一部手机,发现出现了模糊的情况,尤其以图片更为显著,这只是表象,究其原因是 设备像素比,可以先看几个概念 :在进行具体的分析之前,首先得知道下面这些关键性基本概念(术语)。物理像素(physical pixe...原创 2018-11-20 15:57:41 · 1444 阅读 · 1 评论