在CSS中，边距和填充到底有什么区别?它似乎真的没有多大用处。你能给我举个例子说明区别在哪里(以及为什么知道区别很重要)吗?
当前回答
我对边距和填充的理解来自于谷歌的开发人员工具，如图所示
简单来说，边距是指元素周围的空间，padding指元素和元素内内容之间的空间。 这两种方法都用来制造间隙，但方式不同。
使用Margin创建间隙:
在创建间隙时，边缘将相邻的元素推开
使用Padding创建间隙:
使用填充来创建间隙既可以增加元素的大小，也可以缩小其中的内容
为什么知道两者的区别很重要?
了解它们的区别是很重要的，这样你就可以知道什么时候使用它们，并适当地使用它们。
同样值得注意的是，在设计网站布局时，页边距和填充很方便，因为页边距指定了一个元素是向上还是向下，向左还是向右移动，而填充指定了一个元素在容器内的外观和位置。
其他回答
Padding是内容和边框之间的空间，而margin是边框之外的空间。这是我从谷歌快速搜索中找到的一张图片，它说明了这个想法。
有一个重要的区别:
边距——位于元素的外部，即在元素开始后应用空格移位。 Padding-在内部，另一个将在元素开始之前应用空白。
填充是内容和边框之间的空间。其中Margin是边框和其他元素之间的空间。
边距和填充都是填充的类型....一个(margin)在元素边框之外，使其与其他元素保持距离，另一个(padding)在元素内容之外，使内容与元素边框保持距离。
边框=元素边框外的空间。
Padding =元素(内部)从文本到边框的空格。
请看这里:http://jsfiddle.net/robx/GaMpq/
