HTML中的每一个元素都可以看做是一个盒子，如右下图所示，可以具备这4个属性

• 内容（content）
  ✓ 元素的内容width/height

• 内边距（padding）
  ✓ 元素和内容之间的间距

• 边框（border）
  ✓ 元素自己的边框

• 外边距（margin）
  ✓ 元素和其他元素之间的间距
  

盒子模型的四边

因为盒子有四边, 所以 margin/padding/border 都包括 top/right/bottom/left 四个边