CSS样式—margin和padding的区别

padding和margin的区别。
padding：内边距；
margin：外边距；
图示：

padding的改变会改变整个层的大小，而margin不会。
关于margin的一个小实例：
如果两个Div都设置了margin的值，那他们之间的距离如何变化呢？是两个margin相加？想减？其实是依据margin值大的那个值为两者之间的距离。
下面图例中，红色层的margin是16px;绿色层的margin是30px，经测试他们之间的margin是30px；

这次换成红色层的margin是16px;绿色层的margin是10px，经测试他们之间的margin是16px；