CSS中Margin和padding属性的区别

转载：http://blog.youkuaiyun.com/ocan/article/details/2168775

今天在调试页面中，遇到些问题。特记录下：

要在火狐中居中必须加上:margin:0 auto;

修正IE问题（救急用）：

*html .cssclass  （修正IE6）
*+html .cssclass（修正IE7）

CSS中Margin和padding属性的区别

• margin：层的边框以外留的空白      
• background-color：背景颜色      
• background-image：背景图片      
• padding：层的边框到层的内容之间的空白       
• border：边框       
• content：内容   

   

  padding-top padding-left padding-right padding-bottom

  margin-top margin-left margin-right margin-bottom

  上下左右间隙宽度相同

  .d1 {padding:1px;}

  .d1 {margin:1px;}

  你也可以分别设置间隙 ，顺序 是上，右，下，左。示例如下：

  .d1 {padding：1px 2px 3px 4px}

  .d1 {margin：1px 2px 3px 4px}

  上面的代码表示，上间隙为1px，右间隙为2px，下间隙为3px，左间隙为4px。

======================================================================================

References:

margin: http://www.w3schools.com/cssref/pr_margin.asp

padding: http://www.w3schools.com/cssref/pr_padding.asp

overflow: http://www.w3schools.com/cssref/pr_pos_overflow.asp

opacity: http://www.w3schools.com/cssref/css3_pr_opacity.asp

z-index:  http://www.w3schools.com/cssref/pr_pos_z-index.asp