第 7 章 · 样式与主题

> **本章目标**：完整掌握 RML 的样式系统——CSS 子集、布局、主题切换、样式复用。

章节大纲

| 小节 | 主题 | 阅读时长 | | ----------------------------------------------------------- | ----------------- | ------ | | [7.1 样式系统总览](./styling-overview.md) | 样式来源、加载机制、作用域 | 10 分钟 | | [7.2 CSS 子集与扩展](./css-subset.md) | 支持的 CSS 属性、单位、选择器 | 15 分钟 | | [7.3 布局系统](./layout.md) | Flexbox 布局、定位、对齐 | 15 分钟 | | [7.4 主题与皮肤](./theming.md) | 主题切换、CSS 变量、暗色模式 | 12 分钟 | | [7.5 样式复用](./style-reuse.md) | 全局样式、组件样式、工具类 | 10 分钟 |

阅读建议

- **如果你想快速上手**：直接看 [7.2 CSS 子集与扩展](./css-subset.md) 和 [7.3 布局系统](./layout.md)。 - **如果你想系统学习**：按顺序读完五节。 - **如果你关心主题**：重点读 [7.4 主题与皮肤](./theming.md)。

本章核心

RML 的样式系统借鉴 CSS，但针对桌面应用做了优化：

- **CSS 子集**：支持常用的 CSS 属性、选择器、单位 - **Flexbox 布局**：主推 Flexbox，简化布局 - **主题系统**：通过 CSS 变量实现主题切换 - **样式复用**：全局样式、组件样式、工具类 - **响应式**：通过媒体查询适配不同窗口尺寸

下一节 → [7.1 样式系统总览](./styling-overview.md)