CSS 模块导读

这一模块真正要处理的是空间和成本

CSS 表面上在写样式，底层其实在给浏览器的布局与绘制系统提供约束。
很多面试看上去在问属性，实质上在问尺寸怎么算、空间怎么分、一次改动会把成本推到 layout、paint 还是 composite。

建议先读的主链

盒模型 -> BFC -> Flex / Grid -> 响应式布局。
样式变化 -> layout -> paint -> composite。

读 CSS 最常出现的误判

把一个局部技巧当成通用原理，例如把 BFC 讲成“专门解决高度塌陷”。
把渲染代价只讲成“性能不好”，却说不清到底是哪一步被打穿了。

这组主题适合怎么读

先建立尺寸计算和布局隔离的直觉，再进入 Flex / Grid 和响应式布局。
最后再回来看层叠、覆盖顺序和渲染成本，会更容易把“样式为什么不生效”与“样式为什么很贵”区分开。

从这里进入专题