margin是外边距,即盒子与盒子之间的距离,而padding是内边距,是盒子的边与盒子内部元素的距离。margin是用来隔开元素与元素的间距;padding是用来隔开元素与内容的间隔。margin使元素与元素互不相干;padding让内容(文字)与(包裹)元素之间有一段“呼吸距离”。
margin的用法(1)需要在border外侧添加空白时,
(2)空白处不需要有背景(色)时,
(3)上下相连的两个盒子之间的空白需要相互抵消时,比如15px+20px的margin,将得到20px的空白。
padding的用法(1)需要在border内侧添加空白时(往往是文字与边框距离的设置),
(2)空白处需要背景(色)时,
(3)上下相连的两个盒子之间的空白希翼等于两者之和时,比如15px+20px的padding,将得到35px的空白。
来源:高三网
能发现自己知识上的薄弱环节,在上课前补上这部分的知识,不使它成为听课时的“绊脚石”。这样,就会顺利理解新知识,相信通过padding和margin的区别这篇文章能帮到你,在和好朋友分享的时候,也欢迎感兴趣小伙伴们一起来探讨。