CSS 布局介绍

建议学习时长： 15分钟
学习方式：了解

学习目标

• 了解什么是布局
• 了解有哪些常用的布局技术

详细介绍

什么布局

布局为控制元素的位置和大小。如，两个元素在一行，居中显示（位置），每个宽为 50px（大小）。

做页面的样式(外观)，主要做的就是布局和细节。细节指背景色，字号大小之类的。做页面的过程一般是，先做页面的布局，再做细节。

常用的布局技术

• 很老的布局技术(只需了解，不用学)。
  • 表格布局
  • 浮动布局
• 定位
• inline-block 布局
• Flex 布局
• Grid 布局