## 盒子大小
這里主要用于兩個屬性: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,但是這里不能縮寫。