Question

CSS中margin和padding的区别

Answer 1

在CSS中margin和padding两者都是表示边距的，而margin是指控件边缘相对于父空间的边距；padding是指控件的内容相对于控件的边缘的边距。

简单来说两者的区别大概就是：margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离；padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。两者区别的图片示意图如下：

设置margin和padding属性的方法：

margin和padding用来隔开元素，margin是隔开元素与外边，padding是隔开元素里边。元素四边可以设置的属性：

margin-top、margin-right、margin-bottom、margin-left；

padding-top、 padding-right、 padding-bottom、 padding-left。

Margin和Padding属性中四个值的先后顺序：

顺序为：上右下左：'margin-top'、'margin-right'、'margin-bottom'、'margin-left',按照顺时针方向罗列的.

如：

padding:1px 1px 1px 1px；

margin:1px 1px 1px 1px；就是按照这个顺序。

Answer 2

margin 外边距 单元模块和另外单元模块之间的距离
padding 内边距 块内元素和块框之间的距离