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

这是【从头学前端】系列文章的第二十七篇-《CSS中的十二种结构伪类选择器》 本篇文章我们将来学习CSS中的结构伪类选择器，该类选择器包含的内容如下表所示：

display 属性规定元素应该生成的框的类型。 其中我们在前端开发中比较常用的属性值一般是none、block、inline、inline-block。我将按顺序为这些属性值一一讲解。 将元素与其子元素从普通文档流中移除。这时文档的渲染就像元素从来没有存在过一样，也就是说它所…

CSS选择器包括行内样式、id选择器、class选择器、标签选择器，优先级依次降低，!important可用于优先级提升，比行内样式优先级还要高，权重的计算依次为1000,100,10,1，!important的优先级为正无穷。 但实际上，1000,100,10,1不是十进制中…

背景 某日，群友们在群里抛出这样一个问题，如何使用 CSS 实现如下的布局： 在 CSS 世界中，如果只是下述这种效果，还是非常容易实现的： 一旦涉及到圆角或者波浪效果，难度就会提升很多。 实现这种连

介绍2022年6款有意思的css tools，在有意思的同时可以节省前端开发效率，一些工具可以让运营或产品直接使用。赋能产品，解放前端生产力

我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…

说起BFC，就必须先了解一下CSS文档流中的定位机制，而且这部分说简单也简单，但却有个坑有可能误导我们，特在本文作出解释。 1. 三种基本方式 浮动：浮动脱离普通流，可以左右移动，直到它的外边框边缘碰到包含框或另一个浮动框的边缘，触发方式基本就是float:left/top等。…