CSS 架构与命名规范

核心认识

CSS 架构通过层级、作用域和命名规则控制级联复杂度。无论采用 BEM、ITCSS、CSS Modules 还是工具类，都要明确全局样式、组件样式和工具样式的边界。

学习重点

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

实践检查

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