有三个影响HTML元素布局的重要属性：padding(内边距)、margin(外边距)、border(边框)。
元素的 padding 控制元素内容 content和元素边框 border 之间的距离
在这儿，我们可以看到绿方块和红方块都位于黄方块之中，但是红方块比绿方块具有更大的 padding。
当你加大绿方块的 padding, 它将扩大元素内容和元素边框的距离。
<style>
.injected-text {
margin-bottom: -25px
text-align: center
}
.box {
border-style: solid
border-color: black
border-width: 5px
text-align: center
}
.yellow-box {
background-color: yellow
padding: 10px
}
.red-box {
background-color: red
padding: 20px
}
.green-box {
background-color: green
padding: 10px
}
</style>
<h5 class="injected-text">margin</h5>
<div class="box yellow-box">
<h5 class="box red-box">padding</h5>
<h5 class="box green-box">padding</h5>
</div>
2.元素的外边距 margin 控制元素边框 border 和元素实际所占空间的距离
3.如果你将一个元素的 margin 设置为负值，元素将会变大。
4.有时你想要自定义元素，使它的每一个边具有不同的 padding。
CSS 允许你使用 padding-top、padding-right、padding-bottom 和 padding-left来控制元素上右下左四个方向的 padding
<style>
.green-box {
background-color: green
padding-top: 40px
padding-right: 20px
padding-bottom: 20px
padding-left: 40px
}
</style>
<div class="box yellow-box">
<h5 class="box red-box">padding</h5>
<h5 class="box green-box">padding</h5>
</div>
5.有时你想要自定义元素，使它的每一个边具有不同的 margin。
CSS 允许你使用 margin-top、margin-right、margin-bottom 和 margin-left 来控制元素上右下左四个方向的 margin。
<style>
.green-box {
background-color: green
margin-top: 40px
margin-left: 40px
margin-right: 20px
margin-bottom: 20px
}
</style>
<div class="box yellow-box">
<h5 class="box red-box">padding</h5>
<h5 class="box green-box">padding</h5>
</div>
6.除了分别指定元素的 padding-top、padding-right、padding-bottom 和 padding-left 属性外，你还可以集中起来指定它们，举例如下：
padding: 10px 20px 10px 20px
这四个值以顺时针方式排列：顶部、右侧、底部、左侧，简称：上右下左
<style>
.red-box {
background-color: red
padding: 20px 40px 20px 40px
}
</style>
7.除了分别指定元素的 margin-top、margin-right、margin-bottom 和 margin-left 属性外，你还可以集中起来指定它们，举例如下：
margin: 10px 20px 10px 20px
这四个值以顺时针方式排列：顶部、右侧、底部、左侧，简称：上右下左
<style>
.red-box {
background-color: red
margin: 20px 40px 20px 40px
}
</style>
方法/步骤
在清除之前，首先需要知道这个小黑块是什么，有什么用，是怎么添加上去的，让我来告诉你吧，这个小黑块其实是项目符号，项目符号放在文本（如列表中的项目）前以添加强调效果的点或其他符号，即在各项目前所标注的符号。
请点击输入图片描述
然后了解一下项目符号怎么添加和修改，将文字编辑光标到段首，或者选定全部段落，点击鼠标右键，在下拉框中选择“项目符号和编号”。
请点击输入图片描述
然后在“项目符号和编号”窗口中选择项目符号栏目，然后选择窗口上的符号或者自定义符号，确定后小黑块就出现了。
请点击输入图片描述
然后就说一下取消项目符号的方法，如果是word文档每一行的黑方块，那么原因就是格式已经被记录了，也就是说你只要按Enter键到下一段就会自动出现该黑方块。取消方法是全选文字，右键下拉框中选择“项目符号和编号”，然后选择项目符号下的“无”，然后确定就可以取消了。
请点击输入图片描述
还有一种方法就是清楚这部分段落的格式，将这段文字全选，然后复制，然后再黏贴，就会出现小按钮提示黏贴带什么格式的文本，选择“无格式文本”就可以了。
请点击输入图片描述
