CSS的外边距使用
css中外边距的使用和内边距使用非常类是，但是又有性质上的区别，内边距会改变盒子大小，而外外边距并不会，而且内边距为盒子内元素与盒子内的距离，而外边距为盒子与盒子或元素与元素之间的间隔。
在通常情况下我们会先*｛margin：0px｝初始化所有元素的外边距，所以要使用外边距也能用margin来设置
margin-top 代表距上外边距，我们为其设置值之后，元素或盒子距离上边元素或盒子的距离就等于 margin-top 的属性值。
元素或盒子距离上边元素或盒子的距离就等于 margin-right 的属性值。
元素或盒子距离上边元素或盒子的距离就等于 margin-bottom 的属性值。
元素或盒子距离上边元素或盒子的距离就等于 margin-left 的属性值。
直接使用 margin 也可以设置外边框，有多种取值方式。
利用四个属性值的表示方法，代表着按照顺时针方向设置四个方向的外边距，即第一个代表距上边外边距，第二个代表距右边外边距，第三个代表距下边外边距，第四即距左边外边距。格式为 margin:top right bottom left;
利用三个属性值的表示方法，代表着按照顺时针方向设置三个方向的外边距，跟四个属性值时前三个的表示相同，第四个（即距左边外边距）省略掉，这个时候距左边外边距的属性值将等于距离右边外边距的属性值。格式为 padding:top right bottom;
利用两个属性值的表示方法，第一个属性值代表着距上边的外边距，第二个属性值带摆着距右边的外边距。这里的距下外边距和距左外边距都有对应的属性值，距下边外边距的属性值等于距上边外边距，距左外边距的属性值等于距右内边距的属性值。格式为 margin:top right;
直接利用单个属性值的表示方法，代表着四个方向的外边距都相同。
