CSS 思维导图费曼式 · 说人话 | 正式表述 · 规范定义
← 入口 教学标准 HTML 标签导图 →

CSS 思维导图 · 从样式规则到 CSS3

共 0 个知识点,按 9 个族归位:语法与引入 → 选择器 → 优先级与层叠 → 颜色·单位·变量 → 文本与字体 → 盒模型与尺寸 → 背景·边框·视觉效果 → 布局·定位·响应式 → 变换·过渡·动画。每条先给费曼式解释把道理讲通,再给正式表述把话说准——先懂,再准。

选择器一族按教材口径分两层看:基本选择器(元素 / 类 / ID / 通配符)管“点谁”,复合选择器(交集 / 并集 / 后代)管“多个条件怎么拼”。三个符号一眼分清——交集连写 p.hl、并集逗号 h1, h2, h3、后代空格 nav a;分不清这三个,后面的组合器与优先级都会跟着乱。

① 点左侧任一条目 → 右侧看双解释 ② 点族名可折叠 / 展开 ③ 开自测模式:先自己说,再点开对照 ④ 切速记卡模式可打印成 A4 讲义 ⑤ 切面试题库:按族刷题、随机抽题
导图
— —
— 案例 · —
1
实时预览
配套《HTML 标签思维导图》使用 · 覆盖课程大纲模块四至模块七(CSS 基础 · 文本与组件 · 布局 · 响应式与现代布局)· 费曼解释用于课堂口述,正式表述用于建立规范意识与查阅习惯。