CSS Margin 和 Padding：区别与作用详解

在 CSS 中，'margin' 和 'padding' 都是用来设置元素的空白区域（白边）的属性。

'margin'（外边距）：用于控制元素与其周围元素之间的间距。它可以设置为正值、负值或者百分比。正值会增加元素与周围元素的距离，负值会减少元素与周围元素的距离，百分比则是基于父元素的宽度计算。
'padding'（内边距）：用于控制元素内容与元素边框之间的距离。它的作用是为元素的内容提供额外的空间，使得内容与边框之间有一定的间隙。与 'margin' 类似，'padding' 也可以设置为正值、负值或者百分比，值的计算方式也是基于父元素的宽度。

使用 'margin' 和 'padding' 可以调整元素之间的间距，使得页面布局更加美观和灵活。