建议学习时长: 15分钟
学习方式:了解
学习目标
- 了解什么是布局
- 了解有哪些常用的布局技术
详细介绍
什么布局
布局为控制元素的位置和大小。如,两个元素在一行,居中显示(位置),每个宽为 50px(大小)。
做页面的样式(外观),主要做的就是布局和细节。细节指背景色,字号大小之类的。做页面的过程一般是,先做页面的布局,再做细节。
常用的布局技术
- 很老的布局技术(只需了解,不用学)。
- 表格布局
- 浮动布局
- 定位
- inline-block 布局
- Flex 布局
- Grid 布局
建议学习时长: 15分钟
学习方式:了解
布局为控制元素的位置和大小。如,两个元素在一行,居中显示(位置),每个宽为 50px(大小)。
做页面的样式(外观),主要做的就是布局和细节。细节指背景色,字号大小之类的。做页面的过程一般是,先做页面的布局,再做细节。