html中div的外边距和内边距都是什么意思，怎么设置

内边距padding的意思是： 边框与内容之间的距离。

外边距margin的意思是：边框与边框之间的距离。

拓展资料

外边距margin

左边距 margin-left:数值 | autoauto:即距离这个边最远的距离；

右边距: margin-right:数值 | auto；

上边距: margin-top:数值  ，这里不能用auto；

下边距: margin-bottom:数值 这里也不能用auto；

外边距的复合写法

1、margin: 0px(上) 0px(右) 0px(下) 0px(左)；

2、margin: 0px(上) 0px(左右) 0px(下)；

3、margin: 0px(上下边距) 0px(左右边距)；

4、margin: 0px(上下左右边距都是0px)；

例子：

内边距padding

padding属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。

按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值，例如：

h1 {padding: 10px 0.25em 2ex 20%}

内边距也通过使用下面四个单独的属性，分别设置上、右、下、左内边距

padding-top 上内边距；

padding-right 右内边距；

padding-bottom 下内边距；

padding-left 左内边距；

例如：

h1 {

padding-top: 10px

padding-right: 0.25em

padding-bottom: 2ex

padding-left: 20%

}

设置两个div之间的间距的方法：

先定义两个div，div里面分别有一段话。

2.分别给两个div加上不同的背景色，方便看到div的位置。

3.设置div的margin；使两个div之间的间距扩大。

这样让两个div之间的间距扩大的问题就解决了。

扩展资料：

div常用属性

1.Height:设置DIV的高度；Width:设置DIV的宽度。

2.margin:用于设置DIV的外延边距，也就是到父容器的距离。margin:后面跟有四个距离分别为到父容器的上-右-下-左边的距离；margin: [top][right][bottom][left]

3.padding:用于设置DIV的内边距（内如子元素与DIV边界的距离）。padding:后面跟有四个距离分别为到父容器的上-右-下-左边的距离；

4.border:设置DIV的边框样式；

5.background:设置DIV的背景样式；background后可直接跟背景的颜色、背景图片、平铺方式等样式。

6.position:设置DIV的定位方式。position的属性中有static、fixed、relative、absolute四个属性。常用relative和absolute。

7.display:设置显示属性。其值有block、none；

8.float:设置DIV在页面上的流向，其值有left(靠左显示)、right(靠右显示)、none；

想要div css 文字离顶部距15px的效果非常简单。方法也有很多，可以直接改变文字的样式属性，也可以改变div的样式属性。这里介绍一种通过改变div的样式属性的方法。通过改变内边距padding-top。以下演示具体步骤：

1、打开HTML文件编辑器，新建一个HTML文件，先添加HTML文件的基本标签元素。

2、基本标签元素添加完毕后在body标签里添加一个div元素和在div元素内添加想要展示的文字。

3、接下来给div元素添加样式属性，这里同过行内式的方法添加属性，也可以通过行外式，外部式都可以。其中核心代码是：padding-top：15px。

4、保存后运行，效果如图：

---