1．margin属性

margin属性用于设置页面中元素和元素之间的距离，即定义元素周围的空间范围，是页面排版中一个比较重要的概念。

margin属性的语法格式如下。

margin: auto | length;

其中，auto表示根据内容自动调整，length表示由浮点数字和单位标识符组成的长度值或百分数，百分数是基于父对象的尺寸大小。对于内联元素来说，左右外延边距可以是负数值。

margin属性包含4个子属性，用于分别控制元素4周的边距，分别是margin-top（上边距）、margin-right（右边距）、margin-bottom（下边距）和margin-left（左边距）。

2．border属性

border属性是内边距和外边距的分界线，可以分离不同的HTML元素，border的外边是元素的最外围。在网页设计中，计算元素的宽和高，则需要把border属性值计算在内。

border属性的语法格式如下。

border : border-style | border-color | border-width;

border属性有3个子属性，分别是border-style（边框样式）、border-width（边框宽度）和border-color（边框颜色）。

3．padding属性

在CSS中，可以通过设置padding属性定义内容与边框之间的距离，即内边距，也可以称为内填充。

padding属性的语法格式如下。

padding: length;

padding属性值可以是一个具体的长度，也可以是一个相对于父元素的百分比，但不可以使用负值。

padding属性包括4个子属性，用于分别控制元素4周的填充，分别是padding-top（上填充）、padding-right（右填充）、padding-bottom（下填充）和padding-left（左填充）。