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