CSS边距和大纲有什么区别？

Question

margins和outline都用于在边框周围添加空间。

Answer 1

outline只是在边界周围绘制一条线，而没有实际声明空间。

这是一个JSFiddle，演示了两个：http://jsfiddle.net/g8FXT/

Answer 2

outline纯粹是装饰性的，它不会在任何地方添加任何空间。

Answer 3

大纲只围绕任何元素创建一条线，使其看起来与其他元素不同。它不会给出任何空间。边缘会给任何元素周围的空间。

如上例所示，你可以看到左边距是如何工作的。

Answer 4

如果您给出保证金，它将在容器外提供的方向上给出一个空格。填充在容器内提供空间。轮廓纯粹是装饰性的。