HTML界面距离代码通常用于控制网页元素之间的间距，让网页看起来更加美观和整洁。下面我们将介绍一些常用的距离代码。

1. margin

margin: 上 右 下 左;
margin: 上下 左右;
margin: 自动;   // 水平方向上会自动居中

margin用于设置元素外部的距离，可以使用数字、百分比、em等单位进行设置。为了方便起见，margin提供了多种不同的写法，其中第一种是最常用的方法，分别控制上、右、下、左四个方向的距离。第二种写法控制上下和左右两个方向距离，其中上下距离指上和下距离相同，左右距离指左和右距离相同。第三种写法仅仅用于水平方向上的距离居中。

2. padding

padding: 上 右 下 左;
padding: 上下 左右;

padding用于设置元素内部的距离，其用法与margin非常类似，可以使用数字、百分比、em等单位进行设置。第一种写法分别控制上、右、下、左四个方向的内边距，第二种写法控制上下和左右两个方向的内边距。

3. border-spacing

border-spacing: 距离;

border-spacing用于设置表格元素的格子之间的距离，其所用到的距离单位与margin和padding一样，可以使用数字、百分比、em等单位进行设置。 以上是距离代码的常见用法，熟练掌握这些代码可以让你设计出更加美观、舒适的网页界面。