CH 01
语法与引入
规则的三要素是什么？三种把 CSS 接进页面的方式，以及各自的适用场景。
对应教材 · 单元四 CH 02选择器
标记 / 类 / id / 通配符四件套，后代、交集、兄弟关系，再到伪类的精准点名。
对应教材 · 单元四 CH 03优先级与层叠
两条规则打架听谁的？权重打分、后来居上、!important 与继承。
对应教材 · 单元四 CH 04颜色 · 单位 · 变量
颜色四种写法、px/em/rem/vw 怎么选，用 CSS 变量一键换主题色。
对应教材 · 单元四 CH 05文本与字体
字体栈、字号字重、行距对齐、字距装饰与文字阴影——排版的全部家当。
对应教材 · 单元四 CH 06盒模型
解剖一个盒子的四层结构，content-box 与 border-box 的算账差异，margin 合并现场。
对应教材 · 单元五 CH 07背景 · 边框 · 效果
背景图与渐变、圆角与阴影、纯 CSS 画三角形，以及 overflow 的裁与滚。
对应教材 · 单元五 CH 08布局 · 定位 · 响应式
display 与文档流、position 四兄弟、Flex 三栏布局、Grid 网格，媒体查询实测。
对应教材 · 单元五 CH 09变换 · 过渡 · 动画
transform 搬移旋转缩放，transition 四要素，@keyframes 让页面自己动起来。
对应教材 · 单元五
课堂使用建议
- 投影时按 F11 全屏，用键盘 ← / → 翻章；
- 每张卡右上角可复制代码，粘到编辑器里现场改数值看效果；
- 第 4、5、8 章带拖窄窗口的互动点（响应式 / 相对单位），值得现场演示；
- 本项目零依赖、纯静态，双击
index.html离线可用。