首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-10-29 
margin和padding的深入理解和使用分享margin 和 padding的區別和用法分析1.字面意義一個叫做外邊距,這就是

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

margin 和 padding的區別和用法分析

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


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


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

热点排行