CSS 中内边距和外边距的区别
内边距和外边距是 CSS 中用来控制元素周围空间的属性，但它们在应用和影响上有所不同。
内边距
- 应用于元素的内容区域，即文本或图像。
- 在元素的边框内添加空间。
- 不会影响元素的大小或位置。
外边距
- 应用于元素的边框外侧。
- 在元素的边框外添加空间。
- 会影响元素的大小和位置，使元素向外延伸。
关键区别
- 作用范围：内边距作用于内容，外边距作用于边框。
- 空间位置：内边距在边框内，外边距在边框外。
- 影响：内边距不影响元素大小，而外边距会。
应用示例
内边距：
- 创建内容和边框之间的间距（padding: 10px;）
- 居中对齐文本（padding-left: 50%;）
外边距：
- 为元素创建边距（margin: 10px;）
- 分隔元素（margin-top: 20px;）
