边距是外边距,即框与框之间的距离,而填充是内边距,即框的边缘与框内元素之间的距离。边距是元素之间的距离;填充用于将元素与内容分开。边距使元素与元素无关;填充允许内容和元素之间的“呼吸距离”。
当使用边距需要在边框外添加空格时,
当空白处不需要背景时,
当上下框之间的空白需要相互抵消时,例如,15px 20px的边距将得到20px的空白。
填充的使用需要在边框内添加空白,
当空白处需要背景时,
例如,当上下框之间的空间等于它们的总和时,15px 20px的填充将获得35px的空间。
能够发现自己知识中的薄弱环节,课前把这部分知识补上,以免上课时成为绊脚石。这样,我们才能顺利理解新知识。我相信这篇文章可以帮助你理解填充和边距的区别。在与好朋友分享时,我们也欢迎有兴趣的朋友一起讨论。