在CSS中，margin（外边距）是控制元素与周围元素的距离和空间的属性，它可以在布局上起到非常关键的作用。学会如何使用margin，可以使你的网站变得更加美观和清晰。首先， margin属性有四个值：上边距（margin-top）、右边距（margin-right）、下边距（margin-bottom）和左边距（margin-left）。让我们看一下如何使用它们：

p{margin-top: 10px; /* 上边距为10像素 */margin-right: 20px; /* 右边距为20像素 */margin-bottom: 30px; /* 下边距为30像素 */margin-left: 40px; /* 左边距为40像素 */}

上述代码表示如果应用于p标签，则会在其周围留出10像素的上边距、20像素的右边距、30像素的下边距和40像素的左边距。当然，你可以同时使用这些值来控制元素与其周围元素的空间。例如：

p{margin: 10px 20px 30px 40px; /* 分别设置上、右、下、左的边距 */}

上述代码会使p标签四周留出10像素、20像素、30像素和40像素的边距。但是，也可以只给margin设置一个值，而其他三个值由默认值自动填充：

p{margin: 10px; /* 四个方向都为10像素 */}

上述代码会使p标签四周留出10像素的边距。此外，还有负margin值，它可以让元素向上或向左移动，与周围元素紧密地结合在一起。例如：

p{margin: -10px; /* 四个方向都为-10像素 */}

上述代码会使p标签四周缩进10像素，与其周围元素更紧密地结合在一起。总之，margin属性可以很灵活地控制元素的布局和空间，你只需熟悉其用法，就可以轻松掌控CSS样式的布局。