css之padding用法及属性

早上好，欢迎观看山东文汇app开发，微信小程序开发，系统开发的官网

学习是一个循序渐进的过程。学习新的知识的时候，也不要忘了温习之前学习的内容。css的世界，无限大。

下面给大家分享一个css属性，padding。

Padding（填充）属性定义元素边框与元素内容之间的空间。

padding 简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。

当元素的 Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。

单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变。

设置一个P元素的填充：

p
            {
                padding:2px 4px 3px 4px;
            }

其中padding:2px 4px 3px 4px; 的转法为顺时针;

padding:距上 距右 距下 距左；

您还可以按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值：

h1 {padding: 10px 0.25em 2ex 20%;}

h1 {
  padding-top: 10px;
  padding-right: 0.25em;
  padding-bottom: 2ex;
  padding-left: 20%;
  }

山东文汇开发提醒您

ul标签有默认的padding-left：40px的内边距。

下面，给大家出两道题：

1、父盒子宽100px 高80px

子盒子宽40px   高40px

现在给子盒子设padding－top 是20％ 。请问现在子盒子的高是多少？

2、父盒子宽100px 高80px

子盒子宽40px   高40px

现在给子盒子设padding－right 是20％ 。请问现在子盒子的高是多少？

如果大家想要知道结果，自己动手练习一下就知道啦。

此篇文章分享完毕，感谢大家观看济南app开发系统开发网站。再见。