5_常见样式-padding

Posted 2020-09-09

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

　　注意，padding不允许指定负边距值。

　　“padding”内填充(内边距)是在在元素的边框以里，内容以外产生一个距离，用来控制元素和内容之间的距离，且padding区域可以显示元素背景。而元素的可视宽度(即元素可以被看到的部分的宽度)，
    　可视宽度 = padding + width + border;

　　padding的多值写法:
        　　　　　　两个值: (上下) (左右);
        　　　　　　三个值: (上) (左右) (下);
        　　　　　　四个值: (上) (右) (下) (左);
    　　

    padding-top
    padding-right
    padding-bottom
    padding-left