所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
白话解说： 上图中，红色边框为手机的外包装盒，而且外包装盒有一定的厚度(border)，为了保 护手机在运送的过程中不被磕坏，我们在盒子里面四周填充了一层泡沫，并且泡沫也有一定 的厚度(padding)，这层泡沫将手机包裹住，手机就是整个盒子的核心内容(content)。 可以这么对比记忆： 手机------>>>内容(content) 泡沫------>>>padding 包装盒---->>>boder 外包装间距-->>>margin
宽高与盒子模型
默认情况下，宽高值内容部分的宽高，如果box-sizing设置成border-box;的话，指定宽高，会包含border和padding。
