CSS

从零掌握 CSS：先让页面能看，再让布局可控，最后做到可维护、可换主题、可交付。

学习路线

四个阶段按依赖顺序推进，上一阶段的产出就是下一阶段的输入。

flowchart LR
    A["A 入门<br/>语法·外观·布局"] --> B["B 进阶<br/>层叠·单位·状态·动效·主题·视觉资源"]
    B --> C["C 高级<br/>容器查询·组织·性能·无障碍·交付·交互与内容"]
    C --> D["D 实战<br/>组件·列表页·主题"]
    D --> Z["Z 附录<br/>术语表"]

阶段索引

阶段	主题	篇数	入口	状态
A-入门	引入方式、选择器、排版、盒模型、三种布局	10	A00-总结	已完成
B-进阶	层叠与层、单位、定位、伪类、动效、变量、背景与滤镜、字体	9	B00-总结	已完成
C-高级	容器查询、命名分层、渲染性能、无障碍、工程化、滚动、控件、图片表格	9	C00-总结	已完成
D-实战	组件、响应式列表、暗色主题	4	D00-总结	已完成
Z-附录	术语表	1	Z01-术语表	已完成

合计 34 篇文档，覆盖 A-入门 至 D-实战 四个阶段与术语附录。

怎么读

1. 先读对应阶段的 X00-总结.md，那里有路线图、能力对照与阅读顺序。
2. 按编号顺序读正文，每篇结尾都有「上一篇 / 下一篇」，不用回目录找。
3. 遇到不认识的术语，查 Z01 术语表，全科目只在这一处定义。
4. 每篇都动手跑一遍代码，只读不写等于没读。

目录约定

frontend/css/
├─ README.md          ← 本科目入口
├─ slugs.json         ← 文件名与发布 URL 的映射
├─ A-入门/ ~ D-实战/  ← 四个阶段，各含 X00-总结与正文
└─ Z-附录/            ← 术语表

文件名只含汉字、字母、数字与半角连字符；发布 URL 由 slugs.json 生成，源文件内一律使用相对路径链接。