CSS属性margin是什么意思?
margin:0 auto 0px表示上外抄边距为0px,左右外边距自动,下外边距为0px。
margin跟padding一样,也有简洁写法。我们可以使用margin属性来设置四个方向的外边距。在实际编程中,我们往往使用的是margin的这种高效简洁写法来编程。
扩展资料:
“margin:20px 40px;”表示top为20px,right为40px;由于bottom和left缺省,所以自动将它们分别设为20px和40px。转化为第4种写法为:“margin:20px 40px 20px 40px;”。
“margin:20px 40px 60px;”表示top为20px,right为40px,bottom为60px;由于left缺省,所以自动将它设为40px。转化为第4种写法为:“margin:20px 40px 60px 40px;”。
需要注意的是一种情况不能写为缺省写法:“margin:20px 40px 20px 60px;”。该例中,由于top和bottom相同,但right和left不同,所以不能将bottom缺省,否则会等同于“margin:20px 40px 60px 40px;”。
margin:0 auto 0px表示上外边距为0px,左右外边距自动,下外边距为0px。
margin:0 2px表示上外边距和下外边距是0px,右外边距和左外边距是2px
margin:0 auto表示上下外边距为0px,左右外边距为自动。
说明:块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值。
扩展资料
浏览器支持
所有浏览器都支持 margin 属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
margin 属性接受任何长度单位,可以是像素、英寸、毫米或 em。
margin 可以设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h1 元素的各个边上设置了 1/4 英寸宽的空白:h1 {margin : 0.25in;}
margin:0 2px; 只写2个表示表示 上 下;
margin:0 auto 0px; 这个写法没见过,感觉是不是写错了!
margin:0 auto;用于ff下的水平居中;除非每个元素都需要这样的效果才有必要用到*{margin:0 auto;},实际上这个情况应该非常少见
事实上一般多用*{margin:0;padding:0}是用于消除IE和FF对body\ul默认效果不一致而作的预先统一。
当后面跟两个参数时,就是
Margin:上下边距 左右边距
跟一个参数时,就四个边距
Margin:四边距
至于后面的auto是自动检测边距