极客教程CSS 页边距
在网页样式设计中，页边距是非常重要的一部分。通过设置页边距，我们可以控制网页内容与浏览器边界之间的间距，使页面看起来更加整洁、美观。在CSS中，我们可以使用一些属性来设置页边距，包括 margin 和 padding。本文将详细介绍如何使用这些属性来控制网页的页边距。
margin 属性
margin 属性用于设置元素与其周围元素之间的间距。可以分为四个方向设置间距：上方（top）、右侧（right）、下方（bottom）、左侧（left）。当我们只设置一个值时，表示设置四个方向的间距相同；设置两个值时，第一个值表示上下间距，第二个值表示左右间距；设置三个值时，第一个值表示上间距，第二个值表示左右间距，第三个值表示下间距；设置四个值时，依次表示上、右、下、左的间距。
示例代码如下所示：
运行结果如下图所示：
padding 属性
padding 属性用于设置元素内容与其边框之间的间距，和 margin 属性类似，也可以分为四个方向设置间距。同样，当设置一个值、两个值、三个值或四个值时，表示不同的方向的间距。
示例代码如下所示：
示例代码运行结果如下：
区别与实际应用
虽然 margin 和 padding 属性在设置间距上非常相似，但它们之间有一个重要的区别：margin 设置的是元素与周围元素之间的间距，而 padding 设置的是元素内容与边框之间的间距。在实际应用中，我们可以根据需要来选择使用 margin 还是 padding。
例如，当我们想要为两个相邻元素之间增加间距时，可以使用 margin 属性；而当我们想要为元素的内容设置内边距时，可以使用 padding 属性。通过合理地运用这两个属性，可以使页面布局更加美观、清晰。
总结
CSS 中的页边距是设计网页布局时必不可少的一部分。通过 margin 和 padding 属性，我们可以灵活地设置元素与周围元素的间距以及内容与边框的间距。合理地运用这些属性可以实现各种不同的页面布局效果。