每一个HTML标记都可看作一个盒子；

每一个盒子都有：边界(margin)、边框(border)、填充(padding)、内容(content)四个属性；

每一个属性都包含四个部分：上、右、下、左。这四部分可同一时候设置。也可分别设置。

不太清楚看图

图片为网络上某个兄弟所画。在这表示感谢，由于存放在本地时间太长了。不知道出处了，敬请谅解！