css--盒子模型复习margin

149 阅读1分钟

margin:外边距 

 作用:设置盒子与盒子之间的距离。

格式:

margin: 10px                      上,右,下,左的margin都是10px

margin: 10px 20px             上,下是10px      左,右是20px

margin: 10px 20px 30px     上是10px 左,右是20px, 下30px
margin: 10px 20px 30px 40px            上是10px   右是20px,  下30px    左是40px

很多标签有默认的margin:

body的默认margin在谷歌浏览器下       上下左右都是8px
p的默认margin        上下是16px 左右是0
h1的默认margin      上下是21px 左右是0
ul的默认margin     上下是16px 左右是0
...
默认的Margin肯定是不利于布局与美化,所以一般情况下都会清除默认的marign:
*{margin:0;} 

如果是0的话,px可以不写。


margin是分四个方向:

margin-top
margin-right
margin-left
margin-bottom
可以单独设置某个方向上的margin

margin的应用:

1)可以让块级元素水平居中。 margin: 0 auto;
2)让一个网页的版心居中。 w960