css中的padding和margin的区别和使用

1.margin是指从元素自身边框到另一个元素边框之间的距离，就是容器之外距离。而padding是指元素自身边框到自身内部另一个元素边框之间的距离，就是容器内距离。好比你的屋子作为目标元素 ，屋外的东西和屋子的距离用margin，屋内的东西和屋子的距离用padding

2.

padding的用法：

1、padding:10px 20px 30px 40px; 上、右、下、左内边距

2、padding-left:10px; 左内边距

3、padding-right:10px; 右内边距

4、padding-top:10px; 上内边距

5、padding-bottom:10px; 下内边距

6、padding：10px; 四边统一内边距

3.

margin的用法：

1、margin:10px 20px 30px 40px; 上、右、下、左外边距

2、margin-left:10px; 左外边距

3、margin-right:10px; 右外边距

4、margin-top:10px; 上外边距

5、margin-bottom:10px; 下外边距

6、margin:10px; 四边统一外边距