CSS盒模型本质上是一个盒子，封装着周围的HTML元素。其包括四个部分：
content（内容区）：盒子的内容，用于显示文本和图像
padding（内边距）：内容区至边框的区域
border（边框）：盒子的边框
margin（外边距）：边框外的区域
下图可以非常明显的看到各个区域的范围
需注意的是：在正常情况下，我们给块级元素设置的width属性和height属性，均是直接设置内容区Content的宽度和高度
