从零开始的wed前端学习-margin属性简单应用

　margin属性

　　1. margin属性表示元素的外边距，兼容性强

　　　　　　2.margin是个复合属性

　　　　　　　　例子：

　　　　　　　　一个参数时：

　　　　　　　　　　margin：10px；

　　　　　　　　　　意思是元素的外边距都是10px。

           　　　　　　     

 

 　　　　　　　　　　

 

　　　　　　　　　　

 

 　　　　　　

 

　　　　　　　　二个参数时：

　　　　　　　　　　margin：10px  20px；

　　　　　　　　　　意思是元素的垂直方向的外边距是10px ，水平方向的外边距是20px。

　　　　　　　　　　

 

　　　　　　　　　

 

 

 

　　　　　　　　　顺序是垂直，水平。

　　　　　　　　三个参数时：

　　　　　　　　　　　margin：10px   25px   20px；

　　　　　　　　　　意思是元素的上外边距是10px，水平方向的外边距是25px，下外边距是20px。

　　　　　　　　　顺序是上，水平，下。　　

　　　　　　　　　　

 

 　　　　　　　　　

 

 

　　　　　　          四个参数时：

　　　　　　　　　　　margin：10px  20px  25px  30px；

　　　　　　　　　　　意思是元素的上外边距是10px，右外边距是20px，下外边距是25px，下外边距是30px。

　　　　　　　　　顺序是从上开始顺时针数，上，右，下，左。

  　　　　　　　　  

　　　　　　　　 

 

　　　　　　　　3.margin常用于水平居中，无法垂直居中：

　　　　　　　　　margin： 0  auto；