盒模型和border-box

盒模型指的是网页元素的结构。当指定一个元素的宽度或高度时，便设置了元素内容的尺寸——任何内边距（padding）、边框（border）、外边距（margin）都会基于它叠加。

给元素设置box-sizing: border-box会改变盒模型，使其获得更好的可预测性。指定宽度或高度时，会设置整个元素尺寸，包括内边距和边框。

第3章介绍如何给整个网页设置border-box，以及其他重要概念，如：

❑ 让内容居中

❑ 创建等高列

❑ 控制元素的间距