css3基础--Margin（外边距）&&padding(外边距)

margin：用来定义元素周围的空间。

margin清除周围的元素（外边框）的区域。margin没有背景颜色，是完全透明的。

margin可以单独改变元素的上，下，左，右边距。也可以一次改变所有的属性。

1 div{
2     margin-top:10px;
3     margin-buttom:10px;
4     margin-right:10px;
5     margin-left:10px;
6 }

/*表示上下为10px，左右为25px*/

div{
  margin:10px 25px;
}
/*表示上边框为10px，左右为25px 下边为30px*/
div{ 
  margin:10px 25px 30px;
}

padding:

定义元素的边框与元素内容之间的空间。

1 div{
2    padding-top:10px;
3    padding-right:10px;
4    padding-buttom:10px;
5    padding-left:10px;
6 }