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

p{margin-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px; }

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

p{margin: 10px 20px 30px 40px; }

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

p{margin: 10px; }

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

p{margin: -10px; }

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