重学 CSS

CSS 中的定位指的即是 position 属性，它可以指定元素在页面上的位置。 position 属性有五个值，分别为： static relative position fixed sticky

CSS 选择器规定了 CSS 规则可以应用在哪些元素上。 CSS 选择器分类 选择器从大的分类上可以划分为以下几种：基本选择器、分组选择器、组合器、伪选择器

当对文档进行布局时，浏览器渲染引擎会根据 CSS 盒子模型将元素表现为一个个的矩形盒子，CSS 决定这些盒子的大小、位置以及背景颜色等属性

层叠上下文即是网页在 Z 轴方向的一个概念，根据这个特性我们可以在页面上通过元素堆叠实现一些效果。比如页面上常见的引导浮层、Modal 对话框用的就是这个特性，如下图中的下拉菜单： 一瞬间我们就想到了 position: relative, position: absolute…

作为一个前端工程师，在编写 CSS 时外边距折叠及 BFC 都是经常遇到的情况，今天就来做一下总结。 在 CSS 中，两个或者多个普通流中相邻盒子的边距在垂直方向上会发生折叠的这种现象叫做外边距折叠。外边距折叠分为父子外边距折叠及兄弟外边距折叠。 我们给 child 添加了 m…