CSS ADVANCED
CSS进阶实战
从 Flexbox、Grid 到动画、BEM、自定义属性，记录 CSS 进阶路上的真实实践与思考。写出能跑的样式不难，难的是写得让别人接得住。
布局
Flexbox 还是 Grid？我的真实选型思路
一维与二维不是口号，看完真实项目里的对比，你就知道什么时候该用谁。
2026-07-27
阅读 →
Grid
用 CSS Grid 做出一个不规则的杂志布局
grid-template-areas 让复杂版式像画画一样直观，告别绝对定位堆叠的混乱。
2026-07-20
阅读 →
动画
CSS 动画的性能：transform 与 left 的差距
为什么动画一卡一卡？从合成层、重排重绘的角度，看 transform 为何更高效。
2026-07-13
阅读 →
BEM
BEM 命名实战：团队协作不再撕样式
block__element--modifier 看着长，但在多人项目里能救你于水火，附我的妥协方案。
2026-07-06
阅读 →
变量
CSS 自定义属性（变量）真正改变了什么
不只是少写几行，:root 变量配合 JS 动态切换主题，比预处理器更灵活。
2026-06-29
阅读 →
响应式
响应式不止 @media：clamp 与容器查询
clamp 一行解决流式字号，容器查询让组件真正独立于视口，响应式进入新阶段。
2026-06-21
阅读 →