html怎么标题、图片、段落文本整体外边距20px,整体宽度

html中，可以通过在body标签元素中使用margin属性添加外边距来设置整体页面边距，具体语法格式“body{margin：边距值，}”。body标签中包含文档的所有内容，代表整个html页面。段落之间是有间隔的，使用段落标签，则预示着它与其他的文字是有间隔分开的。效果相当于换行，但不是换行，因为它表述的意思是段落。

1、打开vscode，创建一个H5规范的页面，用于演示html行间距的设置方式。

2、在页面中添加一个div，设置宽度为300，目的是为了让div中的文字换行，从而设置行高

3、在浏览器中打开页面，可以看到默认的文字间距，如图所示

4、如果想要将行间距增大，那么可以在div标签中的style属性中添加line-height属性值

5、在浏览器中打开页面，此时就可以看到文字间距变大了

段落基本上是用<p></p>标签，你可以在css样式表中设置两个<p>标签的段前后间距。举个例子：

<p class="first">这是第一个段落，我希望我段前有30px的间隔,段后有20px的间隔</p>

<p class="second">这是第二个段落，因为第一段段后有20px，所以我希望段前有10px的间隔,段后有30px的间隔</p>

CSS:

.first{

    margin-top:30px

    margin-bottom:20px

}

.second{

    margin-top:10px

    margin-bottom:30px

}

---