概述
开始使用 Master CSS
学习类语法、设计令牌和 CSS 交付方式,并将其应用到使用的框架中。
快速开始 5
安装 Master CSS,运行第一个项目。
AI 智能体工作流 2
配置编辑器,与 AI 编程智能体协作。
编写样式 7
组织主题令牌、样式与可复用的软件包。
- 主题令牌 定义共享设计值,观察令牌变更如何影响使用方,并选择局部覆盖、静态交付和 inline 替换。
- 全局样式 加载一个应用入口,按职责拆分共享 CSS,并将文档默认值、组件规则和路由样式放在适当范围。
- 复用样式 根据哪些内容应一起变化,选择令牌、组件类名、工具类和混入,同时保留易于表达的局部变化。
- 路由级样式 使用共享定义支持按路由交付 CSS,并区分引用上下文、原生规则与选择器作用域。
- 扫描类名 编写完整类名、处理变化的值,并纳入静态构建所需的源文件。
- 编写软件包 发布共享 CSS 源代码,在各应用中覆盖公开令牌,并通过生产使用方验证打包后的软件包。
- Master CSS 代码检查 使用 ESLint 验证 Master CSS class、检测冲突、排序 class 列表,并应用项目策略。
基础概念 4
了解项目上下文、渲染、层叠层与视图过渡。
设计基础 4
使用一致的布局、色彩与排版构建响应式界面。
构建与交付 1
为生产环境准备并优化样式。