css盒子模型之内边距（padding）

来源：互联网发布：仓储淘宝王一样的小说编辑：程序博客网时间：2024/05/21 14:45

知识点一：哪里是内边距，使用什么属性控制？

    元素的内边距在边框和内容区之间。    控制该区域最简单的属性是 padding 属性。    CSS padding 属性定义元素边框与元素内容之间的空白区域。

知识点二：padding可以接受什么值？

padding 属性接受长度值或百分比值，但不允许使用负值。案例：例如，如果您希望所有 h1 元素的各边都有 10 像素的内边距，只需要这样：h1 {padding: 10px;}您还可以按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值：h1 {padding: 10px 0.25em 2ex 20%;}

知识点三：控制内边距的具体属性有那些？

属性                      描述padding         简写属性。作用是在一个声明中设置元素的所内边距属性。padding-bottom  设置元素的下内边距。padding-left    设置元素的左内边距。padding-right   设置元素的右内边距。padding-top     设置元素的上内边距。

案例：

h1 {  padding-top: 10px;  padding-right: 0.25em;  padding-bottom: 2ex;  padding-left: 20%;  }h1 {padding: 10px 0.25em 2ex 20%;}的效果是一样的

更多的案例：http://www.w3school.com.cn/css/css_padding.asp

0 0