每一个HTML标记都可看作一个盒子；
每一个盒子都有：边界(margin)、边框(border)、填充(padding)、内容(content)四个属性；
每一个属性都包含四个部分：上、右、下、左。这四部分可同一时候设置。也可分别设置。
不太清楚看图
图片为网络上某个兄弟所画。在这表示感谢，由于存放在本地时间太长了。不知道出处了，敬请谅解！
CSS3盒子模型
原文：http://www.cnblogs.com/blfbuaa/p/6920533.html
