margin和padding属性详解，HTML中margin属性的用法
大家好，感谢邀请，今天来为大家分享一下margin和padding属性详解的问题，以及和HTML中margin属性的用法的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！
CSS样式里的padding和margin是什么意思,有何作用
Padding:这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。值描述
* padding-top
* padding-right
* padding-bottom
* padding-left
设置内边距。
值可以是：
*百分比（基于父元素宽度的百分比）
*长度值（固定的padding值）
Margin:这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
值描述
* margin-top
* margin-right
* margin-bottom
* margin-left
设置针对边距的属性。
值可以是：
*百分比（基于父对象总高度或宽度的百分比）
*长度值（定义一个固定的边距）
* auto（浏览器设定的值）。
默认值：未定义。
padding和margin的区别是什么
padding和margin的区别为：指代不同、语法不同。
一、指代不同
1、padding：凑篇幅的文字。
2、margin：页边空白。
二、语法不同
1、padding：artifact consisting of soft or resilient material used to fill or give shape or protect or add comfort由柔软或有弹性的材料组成的人工制品，用于填充、塑造、保护或增加舒适度。
2、margin：margin指书页的空白边缘,也可指物体的边缘。
margin同根词组：
adjust〔justify〕 a margin调整页边空白。
allow a margin允许误差。
keep〔leave〕 a margin页边留下空白。
lower the margin降低限度。
set a margin固定好页边空白。
CSS中margin和padding的区别
一、padding
1、语法结构
（1）padding-left:10px;左内边距
（2）padding-right:10px;右内边距
（3）padding-top:10px;上内边距
（4）padding-bottom:10px;下内边距
（5）padding：10px;四边统一内边距
（6）padding:10px 20px;上下、左右内边距
（7）padding:10px 20px 30px;上、左右、下内边距
（8）padding:10px 20px 30px 40px;上、右、下、左内边距
2、可能取的值
（1）length规定具体单位记的内边距长度
（2）%基于父元素的宽度的内边距的长度
（3）auto浏览器计算内边距
（4）inherit规定应该从父元素继承内边距
3、浏览器兼容问题
（1）所有浏览器都支持padding属性
（2）任何版本IE都不支持属性值“inherit”
二、margin
1、语法结构
（1）margin-left:10px;左外边距
（2）margin-right:10px;右外边距
（3）margin-top:10px;上外边距
（4）margin-bottom:10px;下外边距
（5）margin:10px;四边统一外边距
（6）margin:10px 20px;上下、左右外边距
（7）margin:10px 20px 30px;上、左右、下外边距
（8）margin:10px 20px 30px 40px;上、右、下、左外边距
2、可能取的值
（1）length规定具体单位记的外边距长度
（2）%基于父元素的宽度的外边距的长度
（3）auto浏览器计算外边距
（4）inherit规定应该从父元素继承外边距
3、浏览器兼容问题
（1）所有浏览器都支持margin属性
（2）任何版本IE都不支持属性值“inherit”
三、margin和padding的区别用图表示为
margin和padding属性详解的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于HTML中margin属性的用法、margin和padding属性详解的信息别忘了在本站进行查找哦。