详细解读css中的padding属性padding 是⼀个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。
⼀个元素的内边距区域指的是其内容与其边框之间的空间
注意：内边距控制的是元素内部空出的空间，相反，margin 操作元素外部空出的空间
padding属性构成
padding-top：内容上边距
padding-bottom：内容下边距
padding-left：内容左边距
padding-right：内容右边距
单独使⽤ padding 属性可以改变上下左右的填充：
语法
/* 应⽤于所有边 */
padding: 1em;
/* 上边下边 | 左边右边 */
padding: 5% 10%;
/* 上边 | 左边右边 | 下边 */
padding: 1em 2em 2em;
/* 上边 | 右边 | 下边 | 左边 */
padding: 5px 1em 0 2em;
/* 全局值 */
padding: inherit;/* inherit：继承⽗元素padding */
padding: initial;/* initial：设置padding属性为它的默认值（IE 不⽀持） */
padding: unset;/* unset：不设置padding */
注意：取值不能为负数！
padding 属性接受 1~4 个值：
当只指定⼀个值时，该值会统⼀应⽤到全部四个边的内边距上。
指定两个值时，第⼀个值会应⽤于上边和下边的内边距，第⼆个值应⽤于左边和右边。
padding是外边距还是内边距指定三个值时，第⼀个值应⽤于上边，第⼆个值应⽤于右边和左边，第三个则应⽤于下边的内边距。指定四个值时，依次（顺时针⽅向）作为上边，右边，下边，和左边的内边距
padding: 5%;                /* 所有边：5% 的内边距 */
padding: 10px;              /* 所有边：10px 的内边距 */
padding: 10px 20px;        /* 上边和下边：10px 的内边距 */
/* 左边和右边：20px 的内边距 */
padding: 10px 3% 20px;      /* 上边：  10px 的内边距 */
/* 左边和右边：3% 的内边距 */
/* 下边：  20px 的内边距 */
padding: 1em 3px 30px 5px;  /* 上边：1em  的内边距*/
/* 右边：3px  的内边距*/
/* 下边：30px 的内边距*/
/* 左边：5px  的内边距*/

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。