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

Tailwind 是流行的原子化 css 框架。 有多流行呢？ 它现在有 68k star 了，要知道 express 才 60k： 那什么是原子化 css？ 我们平时写 css 是这样的： 在 ht

前段时间公司在针对新项目做技术选型和分享时，许多同学都提到了当下非常火热的原子化CSS方案- TailwindCss，但是与此同时，在方案提出的会议上，也有不少同事针对这个轮子提出了自己的质疑，大家各

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

本文类似飞行员的故障手册，遇到问题的时候翻一下查询问题找到解决方法，主要是针对样式和H5的问题。部分问题会通过代码直接展示出来。

1. 画三角形 然后我们可以通过给任意三边的颜色设置为 transparent 即可分别实现任一方向的三角形。 通过设置某条边的宽度比其它边宽，来调整三角形的高度。 通过设置某条边的宽度比其它边窄，来调整三角形的宽度。 2. 画梯形 梯形也是基于 border 来绘制的，只不过…

前言 这里介绍的是使用flex布局方式实现骰子中的1点到6点的布局。 🎲 如何实现骰子中的1点布局？ 🎲 如何实现骰子中的2点布局？ 🎲 如何实现骰子中的3点布局？ 🎲 如何实现骰子中的4点布局？ 🎲