Last Updated on 2019年11月13日

CSS行高垂直外边距可以使用水平内边距、边框和外边距调整它们的间距。但是，垂直内边距、边框和外边距不影响行内框的高度。这三个属性是相互依赖的关系，改变行间距离、设置垂直对齐等都需要它们的通力合作。单行文本垂直居中是将高度和行高设置成一样的值，但高度其实是没有必要设置的

排版的可读性主要是垂直间距：
1、标题和段落之间的间距；
2、段落中的行与行之间的间距
3、等等。

这节课将学习如何使用line-height属性,垂直边距控制排版的垂直间距。

1、p>{内容},查看元素；
1、蓝色是内容；
2、橙色就是margin,外部间距；
3、看那个线框图；
4、浏览器默认样式；
1、去除默认样式；
5、margin在排版中非常重要；

6、line-heigh：就是文字每行的高度；
1、都有间距；
2、line-height可以设置跟字的高度一样；
3、line-height:1,就是1乘以这个元素中字母的高度，所以1没有空白了，显得比较难读；
4、1.618，就是5phi，设计师用这个理论很久了；这个数字的间距让人看起来确实舒服。

林雍岷

接近10年的互联网从业经验，精通Scrum敏捷软件开发的方法，从事互联网产品设计，开发，测试，运营，案例不少于20个，发现自己最喜欢的工作是做外贸营销，外贸SEO，特别喜欢谷歌优化。从2017年3月开始坚持在群161510483直播谷歌SEO和WEB前端开发技术，只要加进来坚持学习零基础也能够学会。