写在前面 好记性不如烂笔头，研究了一下BFC，发现里面比较细的东西也是很多的！关于BFC，很多人可能都听说过BFC这个东西，大概知道这是个啥东西，相信很多人对此并没有一个非常细致的了解，本文预计篇幅较长，认真，耐着性子看，应该都能够比较深入的理解BFC这个概念的规则、作用以及用…

BFC 已经是一个耳听熟闻的词语了，但是我对于BFC的概念以及应用场景一直都不是很明白，据说搞懂BFC可以让我们理解CSS中某些原本诡异的地方。今天着重去了解了一下，做了以下总结。 在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流、普通流三种。而普通流其…

CSS 中“BFC”全称叫“Block Formatting Context”，翻译成中文叫“块级格式化上下文”，到底该如何理解它呢？

或者可以这么说，CSS Modules为我们解决了什么痛点。针对以往我写网页样式的经验，具体来说可以归纳为以下几点： 根据CSS选择器的解析规则可以知道，层级越深，比较的次数也就越多。当然在更多的情况下，可能嵌套的层次还会更深，另外，这里单单用了类选择器，而采用类选择器的时候，…

这道题实际上考的是前端性能优化的一个点。 雪碧图的英文是CSS Sprites。 其目的是将多张比较小的图片，合并到一张大的图片上面，大的图片背景透明，使用的时候，通过把该张图片当做背景图片，通过不同的 background-position定位来展示的那部分图片。 降低服务器…

1. 什么是网格布局 网格是水平线与垂直线相交形成了有列与行的网格。放在列与行交汇的位置 为网格元素。 网格布局为二位布局, 弹性盒子(flexbox)为一维布局。如何选择用那种布局？ 只需要按行或者

在Web开发中，隐藏页面元素使其视觉不可见是一个非常常见的需求。为了实现这一目标，我们通常会采用多种方法，本文将通过对当前所有可用的隐藏元素的方法做一个总结，大概有10种方法。

min/max - width/height 这几个我们不常用的属性，在某些时候还是能发挥奇效的。菜单动画，overflow:hidden失效等等！！

「这是我参与11月更文挑战的第8天，活动详情查看：2021最后一次更文挑战」 CSS width 和 height 的：auto 和 100% 一、 width：auto和height：auto wi