填充和保证金
任何冒险设计界的人都必须经常听到边缘和填充被抛出的条款。尽管许多学习者都知道边距和填充都是指元素之间的空间，但它们无法区分边距和填充。任何了解这两个术语之间差异的人都可以做出更好的设计决策。
填充是用于指代元素和边界之间的空间的术语。重要的是要强调填充遍及内容的所有四个方面。
边距是用于指代元素和外部元素之间的空间的术语。它是一个元素与另一个元素之间的边界。
填充和边距之间的区别
边距和填充之间的主要区别之一是它们的相互作用。填充与设计或对象的内部组成部分相互作用，因为它是边界与所考虑对象内容之间的空间。另一方面，边缘与受关注对象的外部环境相互作用，因为它是对象与下一个对象之间的空间，该对象最接近对象。
边距和填充都是根据它们的目的或它们在对象中扮演的角色来区分的。边距的主要目的是确保对象不会暴露于四边的对象周围的其他对象。它为整个对象提供安全性，使对象不受外部环境的干扰或影响。另一方面，填充起着确保对象内容不与边界交互的作用。衬垫确保内容物不会接触覆盖它们的物体的边缘，因此起到减震器的作用。
边距和填充之间需要注意的主要区别之一是它们在不同浏览器下的行为方式不同。可以发现某个浏览器处理对象的外部空间和对象的内部空间，而另一个浏览器拒绝处理边距或填充。有时，可能会发现浏览器拒绝处理对象的任何空格，可能是边距或填充。这解释了为什么某些边距在某些浏览器上安装时会自动崩溃。
区分边距和填充的另一个因素是它们在行为方式上有一些显着的不同，或者它们会影响对象的高度和宽度。边距通过确保在对象的宽度和高度上增加几英寸来增加对象的大小。这是因为边距位于对象外部，并且它试图影响对象外部的空间。另一方面，填充对对象的大小没有影响，因为它不会影响对象的宽度和高度。事实上，填充是在对象内，这意味着它不会影响包含它的对象的大小。
最后，当使用填充时，何时使用边距不同。这意味着，尽管两个空间描绘了其目的的显着差异，但在实际使用每个空间时也可以显示出一些显着差异。当人们希望背景颜色在正在创建的空间中继续时，主要使用填充。这意味着当人们希望他们的背景可以窥视时，人们会使用填充。另一方面，当人们希望他们的背景颜色侵入他们的个人空间时，他们会使用边距。
表说明边距和填充之间的差异的表
余量 |
填充 |
| 不同元素之间的空间 | 内容和组件边缘之间的空间 |
| 用于增加组件的大小 | 无法增加元素的大小 |
| 当想要背景颜色侵入个人空间时使用 | 当人们想要背景颜色来窥视时使用 |
| 与元素的外部环境交互 | 与元素的内部环境交互 |
- 因此，正如您所看到的，在选择用于在页面周围移动粒子的边缘时，您应该考虑边距和填充之间的本质区别。
- 然而，在那些边界或填充可以用于相同效果的情况下，很多判断都归结为个人偏好。
