padding,margin,border的区别

内容(content)、边框距(padding)、边界(border)和边距(margin)。

margin：层的边框以外留的空白
padding：层的边框到层的内容之间的空白  
border：边框  
content：内容
Padding 属性中参数个数的定义，例如：

        body { padding: 20px;}

        body { padding: 20px 30px; }

        body { padding: 20px 30px 10px; }

        body { padding: 20px 30px 10px 20px; }

详细说明如下：

        如果只提供一个，将用于全部的四条边；

        如果提供两个，第一个用于上－下，第二个用于左－右；

        如果提供三个，第一个用于上，第二个用于左－右，第三个用于下；

        如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。