调整元素的内边距、外边距 、使用顺时针方向指定元素的内边距

你可能已经注意到了，所有的 HTML 元素基本都是以矩形为基础。

每个 HTML 元素周围的矩形空间由三个重要的属性来控制：padding（内边距），margin（外边距）和border（边框）。

padding控制着元素内容与border之间的空隙大小。

margin（外边距）控制元素的边框与其他元素之间的距离。

如果不想每次都要分别声明padding-top，padding-right，padding-bottom和padding-left属性，可以把它们汇总在padding属性里面声明，如下：

padding: 10px 20px 10px 20px;

这四个值按顺时针排序：上，右，下，左，并且设置的效果等同于特定声明每一个方向的padding。

内边距20px 和 0px 的区别就是蓝色内容变少了

外边距就是元素的边框和其他元素的px距离， margin越小，边框和其他元素距离越近

padding: 10px 20px 10px 20px;    上右下左的顺序