html内边距会重叠吗,html外边距margin和内边距padding详解

padding 属性定义元素边框与元素内容之间的空间。

该属性可采取 4 个值：

•如果规定一个值，比如 div {padding: 50px} - 所有四个边的 padding 都是 50 px。

•如果规定两个值，比如 div {padding: 50px 10px} - 上下内边距是 50 px，左右内边距是 10 px。

•如果规定三个值，比如 div {padding: 50px 10px 20px} - 上内边距是 50 px，左右内边距是 10 px，下内边距是 20 px。

•如果规定四个值，比如 div {padding: 50px 10px 20px 30px} - 上内边距是 50 px，右内边距是 10 px，下内边距是 20 px，左内边距是 30 px。

DIV CSS外边距指CSS属性单词margin，margin是设置对象四边的外延边距，没有背景颜色也无颜色。

1、margin语法

Margin:10px

Margin的值是数字+html单位，同时也可以为auto(自动、自适应)

2、应用结构

Div{margin:10px}

设置div对象四边间距为10px

3、Margin说明

margin是设置对象外边距外延边距离。

margin的值有三种情况，可以为正整数和负整数并加单位如PX像素(margin-left:20px)；可以为auto自动属性(margin-left:auto 自动)；可以为百分比(%)值(margin-left:3%)。

Margin延伸(单独设置四边间距属性单词)

margin-left 对象左边外延边距 (margin-left:5px; 左边外延距离5px)

margin-right 对象右边外延边距 (margin-right:5px; 右边外延距离5px)

margin-top 对象上边外延边距 (margin-top:5px; 上边外延距离5px)

margin-bottom 对象下边外延边距 (margin-bottom:5px; 下边外延距离5px)