第1课
新手友好
📹 120 课时
⏱ 21小时25分钟
⭐ 4.9
👥 5,234 人学习
免费
课程介绍
全面掌握 CSS 现代布局技术，从 Flexbox 弹性布局到 Grid 网格布局，再到最新的 Container Queries 组件级响应式设计。课程包含 20+ 真实项目案例，让你写出更优雅的 CSS。
课程大纲
-
第1章：Flexbox 弹性布局
- Flex 容器与项目
- 主轴与交叉轴
- 对齐方式
- 常见布局模式
-
第2章：Grid 网格布局
- Grid 容器定义
- 行列与间距
- 区域命名
- 响应式网格
-
第3章：现代 CSS 特性
- Container Queries
- CSS 嵌套
- :has() 选择器
- CSS 变量
-
第4章：布局实战