margin padding

a、margin有4个属性值(例如margin:10px 5px 15px 20px;)， 其含义是：上外边距10px、右外边距5px、下外边距15px、左外边距20px；

padding有4个属性值(例如padding:10px 5px 15px 20px;)，其含义是：上内边距10px、右内边距5px、下内边距15px、左内边距20px；

总结：无论是margin还是padding，如果有4个属性值，那么它们的作用方向顺时针 依次为上、右、下、左；

b、margin有3个属性值(例如margin:10px 5px 15px ;)， 其含义是：上外边距10px、右外边距和左外边距5px、下外边距15px；

padding有3个属性值(例如padding:10px 5px 15px;)，其含义是：上内边距10px、右内边距和左内边距5px、下内边距15px；

总结：无论是margin还是padding，如果有3个属性值，那么它们的作用方向顺时针 依次为上、右左、下；

c、margin有2个属性值(例如margin:10px 5px;)， 其含义是：上外边距和下外边距10px、右外边距和左外边距5px；

padding有2个属性值(例如padding:10px 5px;)，其含义是：上内边距和下内边距10px、右内边距和左内边距5px；

总结：无论是margin还是padding，如果有2个属性值，那么它们的作用方向顺时针 依次为上下、右左；

d、margin有1个属性值(例如margin:10px;)， 其含义是：4 个外边距都是 10px；

padding有1个属性值(例如padding:10px;)，其含义是：4 个内边距都是 10px；

总结：无论是margin还是padding，如果有1个属性值，那么它们的边距值都是相等的；