margin和padding属性的区别

一、指代不同

1、padding：凑篇幅的文字。

2、margin：页边空白。

二、语法不同

1、padding：artifact consisting of soft or resilient material used to fill or give shape or protect or add comfort由柔软或有弹性的材料组成的人工制品，用于填充、塑造、保护或增加舒适度。

2、margin：margin指书页的空白边缘,也可指物体的边缘

Margin和padding属性都可以用来设置元素的边距，但是它们有一些区别。下面是它们的区别：

1. 相对于：Margin指定的是元素与其他元素的距离，而padding指定的是元素内容与元素边界之间的距离。

2. 影响布局：Margin的值会影响元素在页面中的位置和布局。但是，Padding的值不会影响元素的位置和布局，只会改变元素内容的位置。

3. 叠加：当两个相邻元素都有margin时，它们的margin值会重叠在一起。但是，padding不会叠加。

4. 透明性：Margin是透明的，当元素与其他元素重叠时，它的margin不会显示出来，只会影响它与其他元素的距离。但是，padding是可见的，当元素的padding值增加时，元素的边界也会相应增加。

5. 应用范围：Margin可以应用于元素的所有四个方向（上、下、左、右），而padding可以应用于元素的内容的四个方向（上、下、左、右）。

总结起来，Margin是元素与其他元素之间的距离，会影响页面布局。而padding是元素内容与边界之间的距离，不会影响页面布局。