前端面试题：CSS 架构与设计系统

1. CSS 架构为什么重要？

• 保持样式可维护性。
• 避免样式冲突。
• 支持团队协作和长期演进。

2. 常见的 CSS 组织方法有哪些？

• BEM。
• SMACSS。
• OOCSS。
• 原子化 CSS。

3. 设计系统包含哪些内容？

• 设计语言。
• 组件库。
• 规范文档。
• 样式变量与主题。

4. 如何在项目中实现主题切换？

• 使用 CSS 变量。
• 提供深色/浅色主题样式。
• 将主题逻辑与组件样式分离。

5. 面试常问的 CSS 模块化方案有哪些？

• CSS Modules。
• Styled Components。
• Emotion。
• Tailwind CSS。

6. 如何避免全局样式污染？

• 采用作用域样式。
• 避免过多全局选择器。
• 使用命名空间与组件隔离。