在前端开发中，实现水平垂直居中在Flex布局下有一个更灵活的方式——使用 margin: auto;`来实现居中以及更多实际场景下的特定效果。

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

0. 前言 现在，CSS 拥有一个适当的基于对象的 API 来处理 JavaScript 中的值。 1. 介绍 这些年 CSS 一直有对象模型（CSSOM）。事实上，每当你在 JavaScript 中读/写 .style 时，你都在使用它： 作为 Houdini 工作的一部分，…

想尝试使用 Tailwind CSS，但项目的 CSS Modules 太多了没法处理？尝试使用这个工具来解决吧。

相当长一段时间 CSS 总是在页面上作为一个全局的存在，以前这个『特性』影响还不算很大，命名上注意一点，比如使用 BEM 也能一定程度上解决问题。 但是随着 web 组件化的需求越来越强烈，CSS 的这种特性开始成为束缚开发者自由飞翔的绳索，每一个 CSS 类名都有可能产生意想…