Appearance
CSS 高频题清单与追问树
高频题清单
1. BFC：块级格式化上下文与普通流隔离
- 题型：对比型
- 考察点：BFC 的核心价值是建立独立布局上下文，而不是一句“解决高度塌陷”
- 易混点：题型没分清时，很容易把 布局系统、渲染代价、样式覆盖 混成一个层级。
- 串讲顺序：先回答核心问题，再补边界、代价和项目映射。
2. 盒模型：content-box、border-box 与尺寸计算
- 题型：对比型
- 考察点：盒模型不是背四层结构，而是理解宽高声明如何映射到布局尺寸
- 易混点：题型没分清时，很容易把 布局系统、渲染代价、样式覆盖 混成一个层级。
- 串讲顺序：先回答核心问题，再补边界、代价和项目映射。
3. Flex 与 Grid：一维分配和二维网格如何选型
- 题型：对比型
- 考察点：Flex 与 Grid 的差异不在于谁更先进，而在于空间分配问题是一维还是二维
- 易混点：题型没分清时，很容易把 布局系统、渲染代价、样式覆盖 混成一个层级。
- 串讲顺序：先回答核心问题，再补边界、代价和项目映射。
4. 重排、重绘与合成：渲染成本落在什么阶段
- 题型：对比型
- 考察点：性能题里最常见的误判，是把所有样式变化都归成“GPU 加速”
- 易混点：题型没分清时，很容易把 布局系统、渲染代价、样式覆盖 混成一个层级。
- 串讲顺序：先回答核心问题，再补边界、代价和项目映射。
5. 响应式布局：媒体查询、容器尺寸与流式设计
- 题型：对比型
- 考察点：响应式不是单纯给几个断点，而是让布局对视口、容器和内容变化都稳定
- 易混点：题型没分清时，很容易把 布局系统、渲染代价、样式覆盖 混成一个层级。
- 串讲顺序：先回答核心问题，再补边界、代价和项目映射。
6. 层叠、优先级与覆盖顺序：为什么样式经常不按直觉生效
- 题型：对比型
- 考察点：样式覆盖问题不能只背 specificity 权重，还要理解 cascade layer、来源和顺序
- 易混点：题型没分清时，很容易把 布局系统、渲染代价、样式覆盖 混成一个层级。
- 串讲顺序：先回答核心问题，再补边界、代价和项目映射。
每题考察点
- CSS 模块的高频题，通常不是单点记忆，而是在看你能否把 布局系统、渲染代价、样式覆盖 连起来讲
- 同一题连续被深挖时，往往是在验证你是不是只会背第一层结论
- 真正稳定的回答，必须包含边界、代价和实际落地
易混点与串讲顺序
- 先分题型，再定讲法，不要所有题都用同一套口径
- 对比型题先拆对象，机制型题先讲参与者和流程，治理型题先讲症状和闭环
- 一开口就急着给结论，通常说明上下文还没搭起来
模拟追问树
- 第一层通常会追到 布局系统
- 第二层会继续追到 渲染代价 的内部细节
- 第三层往往回到 样式覆盖、项目经验和权衡依据
使用建议
- 优先挑 3 到 5 个最高频问题练成稳定串讲，再逐步扩充
- 复习时把同题型问题放在一起，会比按目录顺序硬刷更有效
- 项目面准备时，先看本页，再回到对应单篇文档准备项目映射