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)少于四个值的时候,除非人为刻意设置,否则仅仅上下对应–左右对等;