div{margin: 20px 10px 15px 30px;}

四个数值分别代表上、右、下、左边界像素值

为了代码写的简单点   就省略了top、bottom、right、left。其实那个代码就是

div{
  margin-top:10px;
  margin-right:20px;
  margin-bottom:10px;
  margin-left:20px;
}

上下一样，左右一样就可以简略写成div{ margin:10px 20px;}

记住每个位置数字表示的意思就好了。四个数表示上右下左（顺时针）；两个数表示上下，右左；一个数就表示全部的。

10px是上下边界的值，20px是左右边界的值；这是因为有两对边的值相同所以才用的缩写