Appearance
CSS 模块学习地图
模块价值
CSS 模块不是一串题目目录，而是一组围绕 布局系统、渲染代价、样式覆盖 展开的知识面。真正有用的复习方式，是先识别题型，再建立主链，最后把答案落回真实系统。
阅读顺序
- 第 1 步：先读 BFC：块级格式化上下文与普通流隔离，先建立 对比型 题的回答骨架。
- 第 2 步：先读 盒模型：content-box、border-box 与尺寸计算，先建立 对比型 题的回答骨架。
- 第 3 步：先读 Flex 与 Grid：一维分配和二维网格如何选型，先建立 对比型 题的回答骨架。
- 第 4 步：先读 重排、重绘与合成：渲染成本落在什么阶段，先建立 对比型 题的回答骨架。
- 第 5 步：先读 响应式布局：媒体查询、容器尺寸与流式设计，先建立 对比型 题的回答骨架。
- 第 6 步：先读 层叠、优先级与覆盖顺序：为什么样式经常不按直觉生效，先建立 对比型 题的回答骨架。
题型分层
- 对比型题目：6 篇，复习时优先把同类题放在一起比较。
高频主链
- 先抓 布局系统，再补 渲染代价，最后回到 样式覆盖 和真实项目
- CSS 模块内部的问题不要平铺理解，最好按“题型 -> 主链 -> 项目映射”三层推进
- 读完之后仍然不能把题目挂回系统上下文，说明模块主链还没有搭起来
跨模块连接
- CSS 经常和 浏览器 一起出现，复习时最好连读。
- CSS 经常和 HTML 一起出现，复习时最好连读。
- CSS 经常和 工程化与性能 一起出现，复习时最好连读。