margin和pargin

在CSS中，`margin` 和 `padding` 都是用来控制元素边距的属性，但它们的作用区域和应用位置有所不同。

1. **Margin (外边距)**:
`margin` 控制的是元素与其相邻元素之间的空间。它定义了元素边缘周围的空白区域，有四个值分别对应上（top）、下（bottom）、左（left）和右（right）。例如：

   element {
     margin: 10px; // 等同于 margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;
   }   

或者可以指定单独的边距：

   element {
     margin-top: 5px;
     margin-bottom: 15px;
   }

2. **Padding (内边距)**:
`padding` 用于元素内容和其边框之间的空白。同样也有四个方向，影响元素内部的内容：

   element {
     padding: 20px; // 同样分隔设置
   }

内边距不会影响元素的实际尺寸，而是增加内容区域的空间。

两个属性的简短总结就是：
- `margin` 控制的是元素与元素间的距离，包括边界。
- `padding` 控制的是元素内部内容与边框的距离。