Margin vs Padding
Margin 外边距
- margin 是外边距
- margin 一般是用来设置兄弟元素之间的间距
- margin 属性可以用来设置元素之间的 空间。它通常被用来保持元素之间的距离，从而给每一个元素一定的自身空间。
- margin 属性可以为元素提供外部边界，尤其是当元素周围没有其他的元素的时候很有用。
- 如果你想要增加或减少元素之间的距离时，应该用 margin 属性，margin 不会影响元素的大小。
Padding 内填充
- padding 是内边距，一般叫内填充
- 元素的 padding 是从 content 的外边缘延伸到 border 的内边缘。这个属性主要用来控制元素的 border 和他们 content 之间的距离。应用在一个元素上的 padding 会影响它在网页上的尺寸，而不会影响不同元素之间的距离。
- padding 一般是用来设置父子元素之间的间距
- padding 属性与 margin 属性类似，但是它相当于在元素的内部设置空间，而 margin 是在元素的外部设置空间。
- padding 属性可以用来调整元素内部的间距，可以用来给元素自身布局和视觉效果提供良好的基础。