盒模型又叫框模型，包含了五个用来描述盒子位置、尺寸的属性，分别是宽度 width、高度 height、内边距 padding、 边框 border、外边距 margin。
常见盒模型区域：
• 盒模型的属性中，根据不同属性的效果，可以划分区域：
• 书写元素内容区域：width+height
• 盒子可以实体化的区域：width+height+padding+border
• 盒子实际占位的位置：width+height+padding+border+margin
盒模型图：
学习过程中，学会查看浏览器控制台中的盒模型图：
