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

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

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

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

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

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

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

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

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