CSS 讲说稿 · 图示册
这份图示册配《CSS 思维导图》九讲讲说稿使用,图号与讲稿中的 [图示] 标记一一对应,共 17 张。重点覆盖第六讲 盒模型(4 张)与第八讲 布局·定位·响应式(9 张)——讲稿里那两讲概念最密、最需要「一眼看见」,所以图给得最足;另有 4 张配第二、三、四、七讲。
每张图下都有「讲课时说」一句,是可照念的画外音;图与讲稿节点名称完全一致,边念边投,不用再找。
用法:上课时投影本页(浏览器全屏,缩放 100%);发讲义点「打印 / 存 PDF」,每图自动不跨页断开。图 6-2 是可拖动的——拖滑块改 padding,两个盒子的占地差当场就露出来。
配套说明:图号 6-x 与 8-x 对应讲稿第六讲、第八讲;图 2-1 / 3-1 / 4-1 / 7-1 对应第二、三、四、七讲。若需补第九讲(transition 四要素、transform 不参与布局、@keyframes 时间轴)与第五讲(行高呼吸、字体回退链)的图,说一声即可续做。