1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…

划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将

BFC到底是什么东西BFC，怎样触发BFC，BFC的规则，BFC解决了什么问题，一文搞懂，进来瞅瞅吧

在学习的过程中,发现CSS有很多可以描述单位的尺寸。比如px,em,rem,vw等等。平时也没有深究，一来是没时间，二来是在我学习清单中优先级过低。一直想彻底弄明白，一直耽搁到现在。现在花上一点时间来整理一下，彻底弄懂它。 绝对长度单位。 绝对长度单位表示为一个固定的值，不会改…

这句话也是很抽象，暂且先不管它了。但是我们可以先看一个例子： 那最后文字是什么颜色呢？答案很简单：红色。这就涉及到了优先级问题，同一块内容，我们同时用了 ID选择器 和 类选择器,因为 ID选择器 优先级大于 类选择器 , 所以最终显示为红色。 但是，浏览器具体的优先级算法是怎…

浏览器效果图如下，手机端与浏览器端效果一样，在这里只展示手机端，该方法除了ie6以及以下不支持外，其他浏览器均支持。 浏览器效果图如下，手机端与浏览器端效果一样，在这里只展示浏览器端，中间内容超出块级范围会出现滚动条，可根据需求设置，flex为css3属性兼容ie8及以上。 浏…

在介绍新的 CSS 属性 contain 之前，读者首先需要了解什么是页面的重绘与重排。 之前已经描述过很多次了，还不太了解的可以先看看这个提高 CSS 动画性能的正确姿势。 OK，下面进入本文正题，

游览器底层原理 1.游览器是如何解析css选择器的? 在生成渲染数的过程中,渲染引擎会根据选择器提供的信息来遍历DOM数,找到对应的DOM节点然后将样式规则附加到上面. 来看一段样式选择器代码,以及一

最近我朋友在群里发了一张图，说为什么main的宽度100%了，sub还是可以覆盖它呢？看来是时候带他回忆一波经典的圣杯布局和双飞翼布局了。正好最近看到好多面试题都有提到。 /笑哭 通俗的来说就是左右两栏固定宽度，中间部分自适应的三栏布局。 双飞翼布局和圣杯布局很类似，不过是在m…