24.尚硅谷_css2.1_行高.wmv原创

好，我们来看，好，这是我们C2里面要补充的所的内容啊，总共有八条，还有一条其实是关于背景的，那背景这一块的话，我们放到C3里面，因为背景里面有很多属性是C3新增的，就是我们放到C3里面跟大家什么统一去提啊，那今天晚上我把这个文字是不是已经讲完了文本，文本这块的相关属性跟大家去提一提，其实文本下午是不是已经讲了一部分了，杭多了。OK，那行高里面还有两样小东西给大家去看一下。还是韩国最快的。好，呃，什么小东西呢？好，我们把这三个东西给干掉，上午其实我们只看了上面这三个是不是好，这个要给大家稍微去写一下，OK。好零三。关于韩国的继承。好，我们说行高最好比你的字体要设的稍微大一点是不是啊，好，来一个DB，好，来一个外，好里面来一个DB，来一个na，好我们不看效果，就看它行高继承下来是多少。

好啊，直接打拼也行，上硅谷好，直接艾特硅谷吧，艾硅谷好，这里好，默认好，上来看一下。好，他的行高拿的是。狼，Hat。Li normal是不是好来看一下，如果我把这个负极行高我来指定一下掉，我给他指定一个行高为。80PX好行高能不能继承？好看一下，好看能不能集成去，去哪看。ND找到ND。

是没网。还是极其的慢。好看，横高。好，是一个可以竞争属性，初始知识通过吧，好来看好在这一块怎么办？好，我们来看一下，那我们艾特硅谷继承下来这个航高为多少？是不是这个，呃，得刷一下吧，他身上是不是有个行高了，看艾个股的行高为多少。是不是也为80啊，是原封不动把这个80给继承下来的吧，好，如果这边行高，我写100%。100%，好，这个百分比参照于谁？什么参照于原生元素自体自身的什么字体大小吧，好了看那这个时候我给百分百的话，这边如果我干嘛让它的方size，让它的方size为。

30PX，那最终计算下来应该为多少？就应该为38好刷一下好，好像有点。大啊，感觉三四怎么那么大。是不是30啊，是30，为什么那么大。呃，重置差不多吧，是吧，这个行高是不是继承下来就是32没毛病吧，好，问题是行高里面它有个东西叫行高因子，什么叫行高因子呢？比如说我这边如果我写。我写一是不是好，我把这个方程改掉好，因为刚刚方程size也可以继承嘛，所以说这个方程式它是不是变大了，好，我把这个方程size改掉好，看我的方式我给他改成20好，一个20，一个30吧，是不是还是刚刚那样行高如果为百分百来看一下，如果为百分百，它继算下来是多少。

浪海塔。是不是还是30啊，因为它是寄存下来，你这边计算完的是吧，好，如果我这边行高因子我给一好一其实也是百分百的意思吧，来看一下。F12来看它的行高味道。回多20好问你这边是不是照样也来继承啊，可是这个音呢，去继承这个外部的时候，继承的是行高，你计算完的值吗。直接把你这个行高因子直接。继承下来，那这个时候它的行高是不是就是自己放size的什么一倍啊，能理解吗？就说航高因子继承的是什么？行高因子，完全把行高因子给拉下来，如果你写百分比，写任何的下数值。

这边去拿什么，拿你这个外壳计算完的值，这是不一样的，懂不懂，所以说一般我们在页面开发的时候会怎么办。好，我们说这个继承，那一般我们在初始化的时候。零四一般我们在初始化的时候。好，一般在初始化的时候，我们会干一件事情，干嘛我们上来就干嘛，来个body上来，直接把这个行高。变成一好，这代表什么意思啊？是不是你现在玻璃身上的航高就是一样，那我问你底下的元素是不是航高统一都会继承这个因子啊，也就是说你整个整站里面所有元素的。它的行高整在里面所有元素的行高是不是行高因子都是一样，也就是你的行高就是拿自己的方size对吗？百分百八能不理解啊，好，可是说如果你是带文本的，有大量文本的，一般我们干嘛？比如说你这个P标签里面是有很多文本的是不是啊，比如说在什么你的span里面，待会你也会去塞很多文本啊，那最好把他们的行高重新制成1.5，那1.5是不是要比你自己的方式要大一点五倍啊，那这个时候的话，你整个行格的话，干嘛显示的这个字才算什么比较优美的，懂不懂你可以看一下，如果我直接把它塞到这个皮标线里面去。

好，我塞大段的字好答B2，好，走来大段的字，如果你这边没有指定，那是不是全局的横勾都是一样，你看这些字是不是挨的都比较近啊，你看这个接的这个点是不是跟接的这个什么尾巴已经撞上去了啊，这个时候的话，整个字整个字的一个体验并不是很好，所以一般我们干嘛P标签啊，Span标签啊，这行干嘛全部给它改成。1.5啊，这个时候整个字，整个字形干嘛，里面是不是有一个行距了。可不可以理解啊，好，有有有行距了，那整个字的一个显示就会比较了，比较清晰，可不可以理解啊，所以一般你如果是大文本的，把它的行号调成1.5，小文本的呢，没有文本呢，行高就调成一行高调成一和，这个是不是行框跟行框干嘛，就是你的内容区别一个什么。

尺寸啊，那这个时候是正好是贴在一块的，可不可以理解啊？好，所说一般初始化的时候，你们都会要么把航高设置成一，要么把航高设置成1.5，能不理解啊？好，这是我们说的行高上面一个东西，好为什么给因子啊，因为际上所有的元素继承下来都是继承它的因子，而不是继承它算完的值，可不可以理解啊？好，这个因子会跟着自己的方程下去变，能明白吗？OK，那这是我们什么行高里面要去说一个东西，关于行高的继承。来讲一个吧，OK，那讲完行高这个基层之后的话，其实我们行高其实在我们前端开发里面最大的运用是什么。最大的应用叫单行文本。什么垂直举动？

好，这是我们见的最多的是不是啊，单行文本垂直用，这也是我用行高用的最多的地方，那这个比较好写啊，你可以直接来个div，比如说干嘛我直接给他一个style啊，这个应该不难啊，比如说我给个。200PX是不是啊，那这个时候你的行号应该要给成200PX，那里面待会的文字是不是就会干嘛。使用硅谷啊，这那里面这个文字是不是就什么水平就是居中了，对垂直嘛，是不是就会居中了，这个因为我高度给的是200嘛，给他一个背景，瞄一瞄pink，好那这个时候是不是就居中了，是不是OK，那这是我们最大的一个什么用的最频繁的对于行高的一个使用啊，好那关于行高里面几个框以及什么几条线到底是怎么样的，那下午的时候其实我们已经logo一遍了，是不是如果觉得烦的看一遍就够了，懂不懂你把这个嘛使用的场景给记住就可以了，能明白，而且把这个继承这个东西知道就可以了，能明白吗？好，那这是我们黄高还要说的一些东西。