CSS 知识点索引

核心篇

1. 布局详解 🔥
   • Flexbox 完全指南
   • Grid 布局
   • BFC 与外边距合并
   • 居中方案大全
2. 响应式与移动端适配
   • 媒体查询
   • rem/vw 方案
   • 1px 问题

深入篇 🔥

3. 动画与性能 ⭐
   • CSS 动画原理
   • GPU 加速
   • will-change 与性能优化

实践篇 🔥

4. CSS 工程化 ⭐
   • CSS Modules
   • CSS-in-JS (styled-components)
   • Tailwind CSS
   • CSS Variables
5. 多主题方案 ⭐
   • CSS 变量方案
   • 主题切换实现
   • 方案对比

代码示例 ⭐

• 01-core-layout.html: 布局完全指南 - Flexbox、Grid、BFC、居中方案可交互演示
• 02-core-responsive.html: 响应式适配 - 媒体查询、rem/vw 方案、1px 问题演示
• 03-deep-animation.html: 动画与性能 - Transition、Animation、缓动函数、GPU 加速演示
• 04-practice-css-engineering.html: 工程化方案 - CSS Modules、CSS-in-JS、Tailwind、CSS Variables 对比
• 05-practice-theming.html: 主题切换系统 - 亮色/暗色/自定义主题完整实现