css div 网页的页面边距怎么控制

块元素的之间的间距使用margin属性设置。

CSS margin 属性

定义和用法

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

注释：允许使用负值。

例子 1

margin:10px 5px 15px 20px

/*

上外边距是 10px

右外边距是 5px

下外边距是 15px

左外边距是 20px

*/

例子 2

margin:10px 5px 15px

/*上外边距是 10px

右外边距和左外边距是 5px

下外边距是 15px*/

例子 3

margin:10px 5px

/*

上外边距和下外边距是 10px

右外边距和左外边距是 5px

*/

例子 4

margin:10px

/*所有 4 个外边距都是 10px*/

可能值

原理：

h3本来是有默认样式的：display:blockmargin:1.5em 0（这里忘记多少了），还有若干其他的，这里主要是这两个，

因此 h3 本来是自带垂直外边距的；

2.  display: inline 是只能够设置水平外边距，不受垂直外边距影响，所以h3变成display:inline的话就不会有那种情况了。所以不少网站都会讲h1-h6加上margin:0；

3. 当父元素没有margin-top，而第一个子元素有margin-top的话，其margin-top会作用到父元素上，原因可以自行百度“margin 父元素”，这个现象和标准的文档流有关

元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。

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

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

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

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

padding简写属性。作用是在一个声明中设置元素的所内边距属性。

padding-bottom设置元素的下内边距。

padding-left设置元素的左内边距。

padding-right设置元素的右内边距。

padding-top设置元素的上内边距。

---