CSS边距

css设置边距的方法：

1、使用margin属性设置外边距，定义元素周围的空间，可以控制块级元素之间的距离；

2、使用padding属性设置内边距，定义元素边框与元素内容之间的空间。

CSS 外边距

CSS margin 属性用于在任何定义的边框之外，为元素周围创建空间。

所有外边距属性都可以设置以下值：

• auto - 浏览器来计算外边距
• length - 以 px、pt、cm 等单位指定外边距
• % - 指定以包含元素宽度的百分比计的外边距
• inherit - 指定应从父元素继承外边距
• 允许负值。

CSS 内边距（填充）

CSS padding 属性用于在任何定义的边界内的元素内容周围生成空间。

所有内边距属性都可以设置以下值：

• length - 以 px、pt、cm 等单位指定内边距
• % - 指定以包含元素宽度的百分比计的内边距
• inherit - 指定应从父元素继承内边距
• 不允许负值。

  简写属性

margin和padding都支持简写形式

padding/margin:10px;            /* 意思是上下左右值全是 10px */
padding/margin:5px 10px;        /* 意思是上下为 5px，左右为 10px */
padding/margin:5px 10px 7px;    /*意思是：上为 5px，左右为 10px，下为 7px */
padding/margin:1px 2px 3px 4px; /* 意思是：上为 1px，右为 2px，下为 3px，左为 4px */

参考：w3school 在线教程

菜鸟教程 - 学的不仅是技术，更是梦想！