前端页面的每一个部分都可以看做成一个盒子模型，对于一个简单的页面来说，页面的每一个部分都可以简化的看成一个盒子模型，然后可以对盒子模型进行简单的操作。

盒子模型分为四个区

这四个区由内到外为： 内容区 填充区 边框区 外边距区

注意：填充区一般默认为0 默认内容区和边框区重叠

在谷歌浏览器，按下f12就可以看到