CSS中margin和padding的区别

微信公开课小程序热门讨论「CSS中margin和padding的区别」最新回复-在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。下面讲解padding和margin常用的用法一、padding1、语法结构（1）paddingleft:10px;左内边距（2）paddingright:10px;右内边距（3）paddingtop:10px;上内边距（4）paddingbottom:10px;下内边距（5）padding：10px;四边统一内边距（6）padding:10px20px;上下、左右内边距（7）padding:10px20px30px;上、左右、下内边距（8）padding:10px20px30px40px;上、右、下、左内边距2、可能取的值（1）length规定具体单位记的内边距长度（2）%基于父元素的宽度的内边距的长度（3）auto浏览器计算内边距（4）inherit规定应该从父元素继承内边距3、浏览器兼容问题（1）所有浏览器都支持padding属性（2）任何版本IE都不支持属性值“inherit”二、margin1、语法结构（1）marginleft:10px;左外边距（2）marginright:10px;右外边距（3）margintop:10px;上外边距（4）marginbottom:10px;下外边距（5）margin:10px;四边统一外边距（6）margin:10px20px;上下、左右外边距（7）margin:10px20px30px;上、左右、下外边距（8）margin:10px20px30px40px;上、右、下、左外边距2、可能取的值（1）length规定具体单位记的外边距长度（2）%基于父元素的宽度的外边距的长度（3）auto浏览器计算外边距（4）inherit规定应该从父元素继承外边距3、浏览器兼容问题（1）所有浏览器都支持margin属性（2）任何版本IE都不支持属性值“inherit”
一、padding1、语法结构（1）padding-left:10px;左内边距（2）padding-right:10px;右内边距（3）padding-top:10px;上内边距（4）padding-bottom:10px;下内边距（5）padding：10px;四边统一内边距（6）padding:10px20px;上下、左右内边距（7）padding:10px20px30px;上、左右、下内边距（8）padding:10px20px30px40px;上、右、下、左内边距2、可能取的值（1）length规定具体单位记的内边距长度（2）%基于父元素的宽度的内边距的长度（3）auto浏览器计算内边距（4）inherit规定应该从父元素继承内边距3、浏览器兼容问题（1）所有浏览器都支持padding属性（2）任何版本IE都不支持属性值“inherit”二、margin1、语法结构（1）margin-left:10px;左外边距（2）margin-right:10px;右外边距（3）margin-top:10px;上外边距（4）margin-bottom:10px;下外边距（5）margin:10px;四边统一外边距（6）margin:10px20px;上下、左右外边距（7）margin:10px20px30px;上、左右、下外边距（8）margin:10px20px30px40px;上、右、下、左外边距2、可能取的值（1）length规定具体单位记的外边距长度（2）%基于父元素的宽度的外边距的长度（3）auto浏览器计算外边距（4）inherit规定应该从父元素继承外边距3、浏览器兼容问题（1）所有浏览器都支持margin属性（2）任何版本IE都不支持属性值“inherit”三、margin和padding的区别用图表示为 更多有关「CSS中margin和padding的区别」的疑问请扫码关注微信公开课+小程序！