Skip to content

CSS 工程与设计令牌 ​

将 Tailwind 放回 CSS、设计令牌、可访问性和交付体系中。

阅读起点 ​

学习前先阅读:HTML & CSS 学习路线。

全书顺序 ​

本书按知识依赖组织。主线先建立可运行的共同模型,再进入机制、工程边界和生产约束;维护与前沿内容明确标注,不改变主线的学习顺序。

第1章|设计令牌与工具类 ​

用令牌和工具类表达可维护样式系统。

  1. 主题与令牌:定义颜色、间距、字体和语义变量。
  2. 工具类与组件边界:避免工具类堆积并组织复用。
  3. 响应式与状态变体:处理容器、状态、暗色和交互。
  4. 扫描、体积与可访问性:管理内容扫描、产物体积和焦点样式。

阅读边界 ​

本页是学习路线和专题入口,不替代专题笔记中的机制解释、可运行示例和练习。笔记尚未完成的专题会先显示为占位页;已有经验的读者可以跳到具体章节,再按前置关系回补。

路线状态 ​

本路线的目录已完成本轮架构审查;专题笔记的内容质量和来源审查另行进行。

用心记录每一步成长