padding和margin的区别,padding和margin的区别css

padding和margin的区别是什么？

主要是性质上的不同：

margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。（外边距）

padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。（内边距）

语法结构

（1）padding-left:10px; /margin-left:10px;　? 左内/外边距

（2）padding-right:10px; /margin-right:10px;?右内/外边距

（3）padding-top:10px; /margin-top:10px;?? ?上内/外边距

（4）padding-bottom:10px; /margin-bottom:10px;? ? ? ? ? ?下内/外边距

（5）padding：10px;/ margin:10px;?? ? ? ? ? ? ? ? ? ? ? ? ?四边统一内/外边距

（6）padding:10px 20px; /margin:10px 20px;??上下、左右内/外边距

（7）padding:10px 20px 30px;/margin:10px 20px 30px;?? ? ?上、左右、下内/外边距

（8）padding:10px 20px 30px 40px;/margin:10px 20px 30px 40px; 上、右、下、左内/外边距

padding和margin的区别是什么?

区别就是用法不同：

padding的用法:

1、padding:10px 20px 30px 40px;上、右、下、左内边距。

2、padding-left:10px;左内边距。

3、padding-right:10px;右内边距。

4、padding-top:10px;上内边距。

5、padding-bottom:10px;下内边距。

6、padding: 10px;四边统一内边距。

margin的用法:

1、margin:10px 20px 30px 40px; 上、右、下、左外边距。

2、margin-left:10px;左外边距。

3、margin-right:10px;右外边距。

4、margin-top:10px;上外边距。

5、margin-bottom:10px;下外边距。

6、margin:10px;四边统一外边距。

margin和padding属性的区别

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

注释：允许使用负值。

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性：

border-width边框宽度；

border-style边框样式；

border-color边框颜色。

padding 简写属性在一个声明中设置所有内边距属性。

这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

注释：不允许使用负值。

padding和margin的区别?

padding是内部填充，margin是外部边距，div解释为一个盒子的话，使用padding就是在盒子里面填充距离，margin是盒子外边增加距离

margin和padding的区别

在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。 下面讲解 padding和margin常用的用法 一、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”