## 盒子大小
這里主要用于兩個屬性：margin和padding，我們以margin為例，padding與之相同。盒子有上下左右四個方向，每個方向都有個外邊距：
`margin-top: 1px;
margin-right: 2px;
margin-bottom: 3px;
margin-left: 4px;`
這四個值可以縮寫到一起：
`margin: 1px 2px 3px 4px;`
縮寫的順序是上->右->下->左。順時針的方向。相對的邊的值相同，則可以省掉：
margin:1px;//四個方向的邊距相同，等同于margin:1px 1px 1px 1px;
margin:1px 2px;//上下邊距都為1px，左右邊距均為2px，等同于margin:1px 2px 1px 2px
margin:1px 2px 3px;//右邊距和左邊距相同，等同于margin:1px 2px 3px 2px;
margin:1px 2px 1px 3px;//注意，這里雖然上下邊距都為1px，但是這里不能縮寫。
