盒模型
每个元素都可以看作一个盒子，由内容、内边距、边框和外边距组成。
布局基线
先确定容器宽度，再处理内部元素的排列方式。不要一开始就依赖大量绝对定位。
练习任务
做一个三列卡片列表，并保证在窄屏下能自动变成单列。
第 3 章：CSS 盒模型与布局基线
从盒模型、间距、边框和尺寸入手，理解页面为什么会挤在一起或撑开。
上一篇：第 4 章：响应式页面的断点设计
从盒模型、间距、边框和尺寸入手，理解页面为什么会挤在一起或撑开。
每个元素都可以看作一个盒子，由内容、内边距、边框和外边距组成。
先确定容器宽度，再处理内部元素的排列方式。不要一开始就依赖大量绝对定位。
做一个三列卡片列表，并保证在窄屏下能自动变成单列。