margin和padding的深入理解和使用分享

margin 和 padding的區別和用法分析

1.字面意義
一個叫做外邊距，這就是margin
一個叫做內補丁，這是padding

2.仔細分析文字意思
margin：外邊距，什么是距？距就是距離，長度，所以margin是指某個元素與其他元素的距離
padding：內補丁，我形象的說下，假設每個Dom都有一個border，就是邊框，那么內補丁就是元素跟自己內部的直接子節點的距離，空際。

3.如何使用，在哪些元素上面應用margin和padding
margin：應該使用在兩個相鄰元素中的其中一個上面，來表明這兩個元素的具體。
padding：應該是設置在某個父節點上面，來表示父節點和自己的直接子節點的距離。