搬砖中的小事之前端(二)--margin属性信手拈来的使用--

margin:这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度

例子 1:
margin:10px 5px 15px 20px;
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px
例子 2:
margin:10px 5px 15px;
上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px
例子 3:
margin:10px 5px;
上外边距和下外边距是 10px
右外边距和左外边距是 5px
例子 4:
margin:10px;
所有 4 个外边距都是 10px

---

每次写margin要么想不起来记不住，去查，百度，要么问旁边同事，乱七八糟的，其实也不一定非要死记硬背的记住它，没有太大的意义，但是如果一看到立刻就反应过来怎么用，也许这才是我们想要的·····
1）任何时候第一个都是上外边距的；
2）只有一个值，上下左右都是该值；
3）四个值的时候，顺时针–上右下左；
4）少于四个值的时候，除非人为刻意设置，否则仅仅上下对应–左右对等；