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

	你可能已经注意到了，所有的 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;    上右下左的顺序