原子化 CSS

核心认识

原子化 CSS 用单一职责的工具类组合界面，可减少重复声明并强化设计约束。动态类名扫描、可读性、团队约定和生成体积是落地时的关键问题。

学习重点

• 能说明方案如何处理作用域、复用、主题和运行时成本
• 理解静态资源从源码引用到最终 URL 和缓存策略的变化
• 在一致性、可维护性、构建复杂度和性能之间做取舍

实践检查

• 能用自己的话解释“原子化 CSS”
• 能在最小项目中完成一次与“原子化 CSS”相关的验证
• 能记录常见问题、取舍依据和排查方法