学习目标
- 深入理解CSS盒子模型的概念和组成
- 掌握不同的定位方式
- 学会使用浮动进行布局
- 了解现代布局技术的基础
CSS盒子模型
盒子模型概念
CSS盒子模型是网页布局的基础概念。每个HTML元素都可以看作是一个矩形的盒子，这个盒子由四个部分组成：
2025/9/17大约 15 分钟
学习目标
- 掌握Flexbox弹性盒模型的核心概念
- 学会使用Flexbox进行现代化布局
- 理解响应式设计的原理和实现
- 掌握媒体查询的使用技巧
Flexbox弹性盒模型
Flexbox概念
Flexbox（弹性盒模型）是CSS3引入的一种强大的布局方法，它提供了一种更加高效的方式来排列、分布和对齐容器中的项目，即使它们的大小未知或是动态的。
2025/9/17大约 14 分钟