内边距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%
}
段落基本上是用<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
}
1、首先输入想要的文字。
2、在没有设置间距之前，在浏览器窗口，我们看到的是这样子的，如图所示，所谓的间距，也就是两个字之间的缝隙会很小，当然有时候这是不符合我们的需求的。
3、现在设置支付间距，这里我给它20像素，也可以根据需求进行更改
代码如下：
letter-spacing:20px
4、在浏览器显示的效果是这样的，字与字之间的间隔会大很多，最后就完成了，
