margin,padding怎样用,如何区别margin和padding

CSS中margin和padding怎样区别对于很多小伙伴来说都比较难，今天小编就来教大家简单区别margin和padding以及使用它们。

如图，小编我就用div来说明分析margin和padding。*可以去除掉默认margin和padding的距离影响。

如图，没有任何默认margin和padding的粉蓝div，它们紧紧粘连在了一起。

接着给粉盒子（div）添加margin，再去发现加了margin后的变化效果。

粉盒子有了margin之后，就会与蓝盒子拉开对应的距离（margin值）。

接着尝试修改粉盒子的margin为负值，看看负值有啥效果。

可以看到，margin如果是正值便会往右移，负值便会左移。

接着添加padding值给粉盒子，看看padding的作用在啥地方。

有padding之后，可以看到文字被往里边挤。最后我们便可以知道margin是用来指定盒子外边的距离，而padding是用来指定盒子内部的距离。