- 章节重复度20190523003
- 223
- 147字
- 2024-12-10 09:46:55
padding（内边距简写）
padding CSS 简写属性一次性设置元素所有四条边的内边距区域。也就是 padding-top、padding-right、padding-bottom 和 padding-left 四个内边距属性设置的简写。
应用于所有边（为了便于观察，添加了边框）：
▼
是什么原因让耀辉说出这样的言辞？难道都是耀辉的错吗？其实，更多的是父母的错。
受传统观念的影响，大多数父母认为健康的亲子关系是越亲密越好。为了获得这种亲密感，父母打着“爱”的旗号，给予孩子许多丰厚的物质，以为这是孩子最需要的；给孩子灌输一些我们“自以为是”的思想，以为这是最正确的；替孩子做很多事情，甚至横加干涉，以为这是最深的爱。
曾在一本书中看到这样一句话，印象深刻
：“最可怕的是用父母的幸福来栽培孩子的幸福。”这句话值得每位父母深思。很多时候，我们把自己对于幸福的理解强加在孩子头上，不惜代价去帮助孩子实现，但悲哀的是：自己的幸福换来的不是孩子的幸福，反而给孩子的健康成长埋下了隐患。
▲
/*内边距在一个属性内设置*/
.padding-block {
border: 1px solid #000;
padding: 3em 4em 1.5em 1em;
background-color: #ffb9b9;
}
.padding-block p {
margin: 0;
line-height: 1.56;
text-indent: 2em;
background-color: #dadada;
}
上下、左右：
▼
是什么原因让耀辉说出这样的言辞？难道都是耀辉的错吗？其实，更多的是父母的错。
受传统观念的影响，大多数父母认为健康的亲子关系是越亲密越好。
为了获得这种亲密感，父母打着“爱”的旗号，给予孩子许多丰厚的物质，以为这是孩子最需要的；给孩子灌输一些我们“自以为是”的思想，以为这是最正确的；替孩子做很多事情，甚至横加干涉，以为这是最深的爱。
▲
/*上下、左右*/
.padding-tb-lr {
border: 1px solid #000;
padding: 3em 10%;
}
上边、左边右边、下边：
▼
是什么原因让耀辉说出这样的言辞？难道都是耀辉的错吗？其实，更多的是父母的错。
受传统观念的影响，大多数父母认为健康的亲子关系是越亲密越好。
为了获得这种亲密感，父母打着“爱”的旗号，给予孩子许多丰厚的物质，以为这是孩子最需要的；给孩子灌输一些我们“自以为是”的思想，以为这是最正确的；替孩子做很多事情，甚至横加干涉，以为这是最深的爱。
▲
/*上、左右、下*/
.padding-t-lr-b {
border: 1px solid #000;
padding: 2em 30px 1rem;
}
上、右、下、左：
▼
是什么原因让耀辉说出这样的言辞？难道都是耀辉的错吗？其实，更多的是父母的错。
受传统观念的影响，大多数父母认为健康的亲子关系是越亲密越好。
为了获得这种亲密感，父母打着“爱”的旗号，给予孩子许多丰厚的物质，以为这是孩子最需要的；给孩子灌输一些我们“自以为是”的思想，以为这是最正确的；替孩子做很多事情，甚至横加干涉，以为这是最深的爱。
▲
/*上、右、下、左*/
.padding-trbl {
border: 1px solid #000;
padding: 16px 3em 5% 0;
}
padding-top（上内边距）
设置下一段落上内边距：
▼
耀辉属于晚来得子，妈妈早年身体不好，药物调理了好几年，32岁时才生育了他。从小，作为独生子的他就享受着父母全心全意的爱和呵护，尤其是妈妈，简直就是他的贴身保姆，衣食住行，无不考虑周到。至今耀辉都未曾洗过一件衣服，更别提做其他家务。
▲
.padding-top {
border: 1px solid #000;
padding-top: 3em;
}
padding-bottom（下内边距）
设置下一段落下内边距：
▼
高二的时候，妈妈见耀辉有心事，便偷偷看了他的日记。发现儿子有喜欢的女生后，妈妈就跑去学校大闹。后来，耀辉不再写日记，变得沉默寡言，妈妈又开始用跟踪的方式来了解他。当耀辉对妈妈所做的这一切表示不满时，妈妈却反问：“我只是想知道你在做什么，你在想什么，这有什么不对？”
▲
.padding-bottom {
border: 1px solid #000;
padding-bottom: 2rem;
}
padding-left（左内边距）
设置下一段落左内边距：
▼
为了摆脱妈妈对自己的控制，耀辉上大学时选择了住宿。这是他第一次独立生活，然而他习惯了衣来伸手、饭来张口的生活，在学校里生活几乎不能自理，不会到食堂打饭，不会洗衣服……而且，他觉得别人都应该为自己服务，但没有人会和妈妈一样迁就自己。他只能不停地向家里诉苦。
▲
.padding-left {
border: 1px solid #000;
padding-left: 8%;
}
padding-right（右内边距）
设置下一段落右内边距：
▼
毕业后，耀辉找工作时碰了几次壁，于是干脆待在家里不出门。一旦父母唠叨几句，耀辉就会反驳：“谁让你们没有本事，不给我找份好工作！”
▲
.padding-right {
border: 1px solid #000;
padding-right: 25px;
}