CSS和HTML中如何设置距离是我们在网页设计中不可避免的问题。一旦你掌握了设置距离的基础技巧，你就能够更加方便地实现各种布局样式。下面就让我们一起学习如何在CSS和HTML中设置距离。

在CSS中，我们可以使用padding属性来设置元素内部与其边框之间的距离。padding属性可取四个值，分别对应上、右、下、左四个方向的距离。我们可以通过以下代码来设置元素内边距：

.selector {
padding: 10px 20px 30px 40px;
}

在HTML中，我们可以使用margin属性来设置元素与其相邻元素的距离。margin属性也可取四个值，分别对应上、右、下、左四个方向的距离。我们可以通过以下代码来设置元素外边距：

.selector {
margin: 10px 20px 30px 40px;
}

需要注意的是：在CSS中，元素内边距将会使元素内容缩小，而元素外边距将会使元素自身增大。在设置距离时，我们需要合理运用CSS和HTML提供的各种属性，以实现我们需要的布局效果。