Question

html中div的padding属性

padding属性与padding-top，padding-bottom不是一样的吗？

Answer 1

padding属性：设置所有内边距属性。

行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。

不允许指定负边距值。

padding属性和padding-top，padding-bottom是不一样的。

padding属性是padding-top，padding-bottom，padding-left，padding-right的集合。

扩展资料：

padding使用方式：

1、padding:10px 5px 15px 20px;

上内边距是 10px；

右内边距是 5px；

下内边距是 15px；

左内边距是 20px。

2、padding:10px;

所有 4 个内边距都是 10px。

3、padding:10px 5px;

上内边距和下内边距是 10px；

右内边距和左内边距是 5px。

4、padding-top:10px;

上边距是10px。

Answer 2

padding属性的书写格式总共有以下几种：
padding:10px; 意思是上下左右值全是10px
padding:5px 10px; 意思是上下为5px，左右为10px;
padding:1px 2px 3px 4px; 这个写法意思是：上为1px，右为2px，下为3px，左为4px
padding:5px 10px 7px; 这种写法意思是：上为5px，左右为10px，下为7px
（注意：padding后面4个值定义的顺序分别为：上 右 下 左）
而padding-top或者padding-bottom这种写法，只是单方面的定义了一个方向的值，这样写会增加CSS代码的长度，增加CSS样式的代码量，拖慢页面的加载速度。

Answer 3

padding属性的书写格式总共有以下几种：
padding:10px; 意思是上下左右值全是10px
padding:5px 10px; 意思是上下为5px，左右为10px;
padding:1px 2px 3px 4px; 这个写法意思是：上为1px，右为2px，下为3px，左为4px
padding:5px 10px 7px; 这种写法意思是：上为5px，左右为10px，下为7px
（注意：padding后面4个值定义的顺序分别为：上 右 下 左）

Answer 4

不一样，padding后面有几种写法，比如padding：10px;那就是padding上下左右都是10px，padding：上 右 下 左这是四个值；padding：上下，左右这是两个值，padding：上 左右 下这是三个值，padding-top：只是“上”的值，padding-bottom：只是“下”的值，padding-left：只是“左”的值，padding-right：只是“右”的值