外边距（margin），围绕元素外部的空间

内边距（padding），围绕着内容的空间（比如围绕段落的空间）

一、margin和padding的属性值

margin:0;——外边距：上、下、左、右都为0px

margin:10px 20px;——外边距：上、下均为10px，左、右均为20px

margin:10px 20px 5px;——外边距：上为10px，左、右为20px，下为5px

margin:10px 20px 5px 15px;——外边距：上为10px，右为20px，下为5px，左为15px（速记：上右下左，顺时针）

padding的属性值和margin的属性值一样，只不过padding时内边距，margin是外边距。

二、margin的应用

1.整个大的div块的居中

div{width:500px;margin:0 auto;background-color:#ee1818;}

注释：先给你需要居中的div块设置width，然后设置margin，上下外边距自定义，可以为0或者是10px（自定义，根据你的需要设置上下外边距），左右为auto。auto的意思是水平方向上左右对称。最后，可以设置背景颜色，也可以设置边框，或者什么都不设置，你喜欢就好。

2.覆盖浏览器的默认样式

*{margin:0;padding:0}

注释：*为全局变量。*{margin:0;padding:0}这一行代码的意思是把浏览器的margin、padding默认样式覆盖掉，这样，你就可以自由的设置你喜欢的padding和margin了（终于可以愉快的玩耍了~~）

3.图像居中

img {display:block;margin:0 auto;}

由于img为行内元素，为了使它有外边距（注意：一般居中都是需要用到margin:0 auto），首先需要将行内元素转换成块元素，即display:block，最后，设置margin:0 auto，图像就可以居中啦！（惊不惊喜，意不意外~~）

好了，今天的知识补充到此结束。如有错漏，请多多指教，谢谢!