在css中，margin:0px 0px 0px 0px;和margin:0px;有什么区别吗？

html-css022

在css中，margin:0px 0px 0px 0px;和margin:0px;有什么区别吗？,第1张

没有区别 写法不同而已

margin：0px上下左右边距都为0

margin：1px 0px 上下边距为1 左右边距为0

margin：2px 1px 0px 上边距为2左右边距为1下边距为0

margin：3px 2px 1px 0px上边距为3右边距为2下边距为1左边距为0

margin: 10px 0 10px 0

margin:10px 0

margin: 上top 右right 下bottom 左left

还有其它写法，上面的是合并在一起的。

margin-top:10px

margin-right:0

margin-bottom:10px

margin-left:0

区别是

margin:auto这个是上右下左的值都是自适应的

margin:0这个是上右下左的值都为0

在两个div里对比一下就会有很明显的效果出来了比如：

<div class="div1">

<div class="div2">

</div>

</div>

style .div1 { width:200pxheight:200pxbackground:#c00}

.div2 { width50pxmargin:autoheight:50pxbackground:#000}

这个效果是里面的div2会水平居中

<div class="div1">

<div class="div3">

</div>

</div>

style .div1 { width:200pxheight:200pxbackground:#c00}

.div3 { width50pxmargin:0height:50pxbackground:#000}

这个效果里面的div3会在div1的左上角