CSS是网页设计中的常见技术之一，它能够控制页面的样式和布局。其中，在设置元素的边距时，我们会用到两个属性：margin和padding。本文将主要讨论CSS中的两边边距。 首先，我们来了解一下CSS中的margin属性。margin控制元素与周围元素的距离。它有四个值：margin-top、margin-right、margin-bottom、margin-left。这四个值分别表示上、右、下、左四个方向的外边距大小。例如，下面的代码就设置了一个元素的上下边距为20像素，左右边距为40像素。

p {
margin: 20px 40px;
}

其次，我们来看一下CSS中的padding属性。padding控制元素内部内容和元素边缘之间的距离。它也有四个值：padding-top、padding-right、padding-bottom、padding-left。这四个值分别表示上、右、下、左四个方向的内边距大小。例如，下面的代码就设置了一个元素的上下内边距为10像素，左右内边距为20像素。

p {
padding: 10px 20px;
}

最后，我们还需要了解一些其他的相关属性。例如，CSS中的box-sizing属性，可以控制元素的盒模型。默认情况下，盒模型是content-box，即元素宽度不包括边框和内边距。而使用box-sizing:border-box可以让元素宽度包括边框和内边距。例如，下面的代码设置了一个宽度为200像素，内边距为20像素，边框为2像素的元素。

p {
box-sizing: border-box;
width: 200px;
padding: 20px;
border: 2px solid black;
}

在使用CSS中的边距属性时，我们需要注意它们的值也可以为负数。这时，元素将会在相应的方向上超出它的容器。例如，下面的代码将元素的左边距设置为-10像素，这时元素会向左超出它的容器。

p {
margin-left: -10px;
}

综上所述，CSS中的边距属性margin和padding是控制元素外部和内部间距的重要工具。我们可以通过设置它们的值和方向，来达到网页布局和美观的效果。同时，在使用边距属性时，要注意不要设置过多的值，以免对页面布局产生重大的影响。