CSS Modules 是什么？官方文档的介绍如下：所有的类名和动画名称默认都有各自的作用域的 CSS 文件。CSS Modules 并不是 CSS 官方的标准，也不是浏览器的特性，而是使用一些构建工

FC 的全称是：Formatting Contexts，是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。

2021 高频前端面试题汇总之CSS篇，前端面试题汇总系列文章的CSS篇，长期更新，欢迎收藏、点赞！

众所周知，CSS 根据选择器名称去全局匹配元素，它没有作用域可言，比如你在页面的两个不同的地方使用了一个相同的类名，先定义的样式就会被覆盖掉。CSS 一直缺乏模块化的概念，命名冲突的问题会持续困扰着你。每次定义选择器名称时，总会顾及其他文件中是否也使用了相同的命名，这种影响在组…

white-space、word-break、word-wrap（overflow-wrap）估计是css里最基本却又容易让人迷惑的三个属性了，估计很多人都有把它们搞混或用错的经历。必须系统整理一下，今天我们就把这三个属性彻底搞清楚！ 可以看到，nbsp;和</br>可以正常发…

任何JavaScript前端框架或库都可以实现CSS-in-JS的思想。本文使用 React——迄今为止最流行的JavaScript前端库——来讨论CSS-in-JS的应用，以及它显著的优点和缺点。

基于前一篇文章关于 Flex 语法知识的梳理，这篇文章整理出一些常见的 Flex 布局解决方案。实现方式仁者见仁，欢迎大家评论区指正交流。 在开始之前，还是把这张图贴上，着重理解 Flex Box 里主轴(main axis)和交叉轴(cross axis)的概念。 在 Fle…

​ CSS布局在前端开发中像呼吸一样——再平常不过的事。比如同事A在尝到了Flexbox布局的甜头之后，任何布局都会以display:flex打头阵，同事B因为项目得支持IE10，像避开毒蛇一样的避开Flexbox布局方法。你会发现我可能有点嗤笑这样的行为，我曾经也是这样的一员…

在 标准盒子模型中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。 边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。…