一个相对抽象的概念。本文用大白话说清楚。BFC到底是什么东西，他拥有什么机制。他又能解决什么样的问题。

flex属性介绍 平时在项目中Flex布局的使用频率非常高，但是对于flex的几个值的具体用法和使用场景有时候不是很清楚，所以写此文来总结下。 首先，flex属性其实是一种简写，是flex-grow，

我们通过 html、css 描述页面，浏览器会解析然后一帧帧渲染，通过 js 改变 dom 后，浏览器会重新计算布局信息然后渲染。 dom 改变有高频低频之分，比如动画就要高频改变样式，而且现代浏览器

**CSS Viewport units(视口单位)**在过去几年已经出现了，随着时间的推移，越来越多的开发人员开始使用它们。它们的好处在于为我们提供了一种不需要使用J avaScript 就能以动态的方式调整大小的方法。而且，如果它失效，也有很多备用方案。 在本文中，我们将学…

工作中难免会有写静态页面的需求，有时候移动端适配真的是做的心累，如果自己新做一个页面倒还好，整体布局会按照自己习惯来，但有时候不得不修改别人的代码，尤其是别人没适配好的代码...

很多人都学过flex布局，但是里面的细节你有注意过吗？本篇文章主要是从flex的文档入手，分析出你还不知道的flex

display: none 这是我们开发过程中使用到的最多的一种，这种隐藏方式会将元素彻底从页面中删除，不能触发任何事件 元素也不占用任何空间，通过该属性控制显示隐藏，会导致页面的回流和重绘 其子孙元

点赞 o(￣▽￣)ｄ 不迷路 收藏 ✋🏻 + 关注 谢谢老铁 ♪(･ω･)ﾉ 思维导图链接（高清无码） 图中1, 2, 3, 4 表示优先级 1. CSS 选择器及其优先级 选择器 格式 优先级权重

本文解决两个痛点：1.伪类和伪元素傻傻分不清楚的问题，2. 太多伪类和伪元素导致我裂开的问题~~快来看看吧~