外边距margin-top right bottom left 设置方法 如果margin只设置两个值

margin外边距属性 和 padding内边距属性 很相似!!! 顺序都是·顺时针

1.如果margin设置给了四个值,按照值的顺序为margin:top right bottom left 上 右 下 左四个外边距。

2.如果margin只有三个值,按照值的顺序为margin:top right bottom; 缺少了left,根据原则,则left的值由right来替代。margin:10px 20px 30px; 等价于margin:10px 20px 30px 20px;
3.如果margin只有两个值,按照值的顺序为margin:top right; 缺少了bottom和left,根据原则 left 的值由 right 来替代,bottm的值由top来替代。
margin:10px 20px; 等价于margin:10px 20px 10px 20px;
4.如果margin只有一个值,按照值的顺序为margin:top; 缺少了right、bottom和 left,根据原则 bottom的值由top来替代,right 的值右 top 来替代,left的值由right来替代也就是说left  的值也由top来替代。
   margin:20px;  等价于margin:20px 20px 20px 20px;

posted @ 2017-04-17 21:20  jiaohaitao  阅读(740)  评论(0编辑  收藏  举报