[分享]css两个重要属性

在CSS中，有两个非常重要的属性：margin和padding。margin: 0; padding: 0; margin指的是元素周围的空白区域，它会影响元素与其它元素之间的距离。使用margin属...

在CSS中，有两个非常重要的属性：margin和padding。

margin: 0;
padding: 0; 

margin指的是元素周围的空白区域，它会影响元素与其它元素之间的距离。使用margin属性，可以设置一个元素的边框外侧和相邻元素之间的距离。

padding是指元素的内边距，即元素内容与元素边框之间的距离。使用padding属性，可以为一个元素设置内边距，从而使得元素内容距离元素边框有一定的距离。

需要注意的是，当我们设置元素的宽度时，其包含了padding和border，但不包括margin。因此，当我们想要控制两个元素之间的距离时，可以使用margin属性。

.box {
  width: 200px;
  height: 200px;
  border: 1px solid #ccc;
  padding: 20px;
  margin: 20px;
} 

上述代码展示了如何使用margin和padding属性。其中，元素的宽度是200px，高度也是200px。为了给元素增加一定的边距和内边距，我们分别设置了margin和padding为20px。此外，为了方便展示，我们还为元素增加了一定的边框。