CSS层叠样式表顶边距

在html中两个段落之间如何创建一个大的段落间距?
使用样式表如何设置顶边距??

解释

属性

: 顶边距
用法:
margin-top: 10px;
margin-top: 10pt;
margin-top: 10%;
margin-top: auto;
定义:
我们经常会对目标设置边距。现在是对目标设置顶边局。
顶边局属性可以取以下的值。
a)pt:以点为单位来设置属性值(例如:10pt或者100pt)。
b)px:以像素为单位设置属性值(例如:10px或者100px)。
c)%:以百分数为单位来设置属性值(例如:10%或者100%)。
d)auto: 这是用来自动设置顶边局。

示例1:
<div style="margin-top: 20px;">测试顶边距</div>
结果:
测试顶边距

注意:你可以看到文本从"结果"线向下移动了20像素。
示例2:
<div style="margin-top: 30pt;">测试顶边距</div>
结果:
测试顶边距

注意:你可以看到文本从"结果"线向下移动了30点。
示例3:
<div style="margin-top: 10%;">测试顶边距</div>
结果:
测试顶边距

注意:你可以看到文本从"结果"线向下移动了10%。
示例4:
<div style="margin-top: auto;">测试顶边距</div>
结果:
测试顶边距