** margin **
外邊距屬性,允許使用負值。
用于設(shè)置一個元素所有外邊距的寬度,或者設(shè)置各邊上外邊距的寬度。塊級元素的垂直相鄰?fù)膺吘鄷喜ⅲ袃?nèi)元素實際上不占上下外邊距。行內(nèi)元素的的左右外邊距不會合并。同樣地,浮動元素的外邊距也不會合并。允許指定負的外邊距值,不過使用時要小心。
margin:10px 5px 15px 20px;
上外邊距是 10px
右外邊距是 5px
下外邊距是 15px
左外邊距是 20px
即:上右下左margin:10px 5px 15px;
上外邊距是:10px
右外邊距和左外邊距是:5px
下外邊距是:15px
即:上 右左 下margin:10px 5px;
上外邊距和下外邊距是 10px
右外邊距和左外邊距是 5px
即:上下 右左margin:10px;
所有 4 個外邊距都是 10px
padding
設(shè)置所有內(nèi)邊距屬性,不允許使用負值。
用于所有內(nèi)邊距的寬度,或者設(shè)置各邊上內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的內(nèi)邊距不會影響行高計算;因此,如果一個元素既有內(nèi)邊距又有背景,從視覺上看可能會延伸到其他行,有可能還會與其他內(nèi)容重疊。元素的背景會延伸穿過內(nèi)邊距。不允許指定負邊距值。
padding:10px 5px 15px 20px;
上內(nèi)邊距是 10px
右內(nèi)邊距是 5px
下內(nèi)邊距是 15px
左內(nèi)邊距是 20px
即:上右下左padding:10px 5px 15px;
上內(nèi)邊距是 10px
右內(nèi)邊距和左內(nèi)邊距是 5px
下內(nèi)邊距是 15px
即:上 右左 下padding:10px 5px;
上內(nèi)邊距和下內(nèi)邊距是 10px
右內(nèi)邊距和左內(nèi)邊距是 5px
即:上下 右左padding:10px;
所有 4 個內(nèi)邊距都是 10px
援引自:博客