00:00
好，接下来我们来说下一个点，我们叫做一个行高，行高呢，跟我们自己的关联也是非常紧密的一个东西啊，横高的话，在这我们先写一个页面，嗯，什么叫行高呢？我们写一个div吧，写一个div，嗯，写一个嗯，好好好，嗯，今天天气真不错啊，然后这写一哈，哎呃，Hello hello，我们简单写一点东西啊，我们运行一下。那这里边呢，注意了，我们在这儿我可以设置一下我们的这个文字的一个大小，比如说我这直接写一个div，我们来一个fo size size，比如说我来一个这个50像素，那这块我们这个字就大了，对吧？字就大了，那这里边我们要说一下什么东西概念叫做一个行高，什么叫行高呢？行高我们叫做一个line head line head啊行高，行高什么意思呢？行高就就是行之间的一个高度嘛，对吧，顾名思义就是行间的一高度，所以行高什么呢？行高指的是诶，指的是我们元素在我们的这个文字啊，文字占我们这个页面的什么呢？哎，占有的一个实际高度啊，占有的一个实际高度，什么叫实际高度，你注意了，我们说我给这个字体指定一个大小是一个50像素，那是不是这意味着我这个字儿就占50个像素，是不是就意味这样，不是啊，不是，所以这个东西就有点像什么呢？像我们写字那个横隔本一样，横隔本的话，它有横线嘛，对吧，有横线，那这个时候横线之间是不是会有一个距离啊，哎，有个距离，我们写字一般情况下不会说严丝合缝，把这个字都给写满了吧，哎，一般我们可能在中间写是吧，上边的一个距离，下边的一个距离。
01:54
而这个两个线之间的距离，我们就称为横高，那同理我们在网页里边所写的这些文字，它也不是说我是50像素，OK，我就占正好50像素那么大小，它默认情况下不是这样的，默认情况下它也会有一个什么呢，也会有一个行高，所以现在像我们这个字，它可能实际占有的高度，可能实际上是这么高，它上边再多占一块，下边也会多占一块，那这样的话会好看一些，诶那同学说，老师你说这玩意儿你说了你也看不看不见呀，哎，注意能看见怎么看，你要看了啊，现在我们这里边的话，这个。
02:32
字体大小是50像素，我的div我有没有指定高度，没有指定高度，没有指定高度的默认高度是被内容撑开的，也就是说现在div的高度就是文字的横高，就是文字的横高，所以这里边我们只需要给div设置一个边框，我们来一个borderder，一个像素red，我们来一个solid，设置一个边框，那我们来看现在我们是不是能看到div的一个高度，诶，那注意了，现在我们来看，你看上边是不是有一个块，下边是不是也有一个块，诶，那这个东西就叫做横高啊，这个东西就叫我们横高，所以注意横高是指文字占有的一个实际高度啊，实际高度，然后这里边注意我们可以什么呢？哎，我们可以呢，通过我们这个line headight line height，诶来设置我们这个航高啊，Lihe来设置我们航高，所以比如说我可以写一个liheight Li head是一个100像素航高，设置一个100像素，那这个时候。
03:33
你看我们整个div高度是不是也被撑到100了？哎，也就说现在div的高度实际上是被这个行高撑起来的，航高多高，这个div现在高度就是多少，这就是一个横高，你越大它的值也就越大，这个是我们说的量横高看懂意思吧，哎，横高，我们来说一下，横高我们可以干嘛呢？行高我们可以直接指定一个什么呢？指定一个大小，你可以用什么呀？你可以用PX，哎，你可以用什么呀？可以用em都行，对吧？指定大小也可以什么呢？哎，我们也可以也可以直接为行高设置一个什么呢？设置一个整数什么意思？我可以写一个一，我也可以写一个二。
04:19
哎，我也可以写一个三，懂意思吗？我可以直接写一个整数，如果是一个整数的话，是一个整数的话，那我们行高将会是什么呢？将会是我们这个字体的一个指定的一个倍数啊，指定个倍数，所以我写一的话，我写一的话表示它是我字体大小的一个一倍，我字体多少字体是50，我写个一，那表示我行高也是什么，也是50，所以你写一跟写50像素是二是一样的，看懂了吧，哎，自己一个倍数，你写二就表示你的行高是两倍，现在变成了100像素的行高，懂这意思吧？哎，100像素行高，那我们行高默认是多少呢？默认行高应该是1.333是吧，1.33你看我住了这样，我不住是不是也这样啊？诶默认应该是一个1.33，这个行，你知道一下就行了啊，1.33这个行高，就是你看我住了也是这样，我不住也是这样，就是一个默认行高啊，一点三两个三行不行，诶两个三一个呢。
05:19
一个三差耳事是吧，应该是1.33啊，默认航高，这大部分浏览器都是一个1.33啊，1.33好，那这个是我们说的一个行高，行高说完了我们还要说一个什么呢？我们还有一个东西叫做行框，叫做叫能叫叫行框也好，或者叫我们这个字体框，字体框是什么呢？字体我们没有办法设置，字体框什么呢？注意了，我们设置我们这个字体框，诶就是我们这个字体，哎存在的什么呢？存在那个格子啊，存在那个格子，我们设置我们这个方size，方size实际上就是什么呢？实际上就是在设置我们这个字体框的一个高度，什么意思呢？你可以这么想，我们的每一个字实际上都有一个框，哎，比如说H，哎这有一个框是吧，可能这个E这也有一个什么的框，每一个字都会有一个框，我们这个字。
06:19
实际上是都是写到这个框里的，写到这个框里的，所以我们这写了一个50个像素，注意并不是说让这个字大小就是50，并不是这样的啊，你很明显这肯定不够50对吧？而是指什么呢？我让这个夸的高度是50，也就是说意味着你这个字就写到了一个高度为50的一个框里，所以一般情况下，我们这个字如果你写的是50的话，严格意义上讲，这个字肯定比50要要小，比50要小，所以你看啊，当我设置了一个一倍的行高，当我设置了一个一倍的行高，这时候你看效果，这个整个一个高度是不是就是50啊，但是你看我们现在这个文字，它有没有到这个头呢？没有到头，为什么？因为现在这个框是50，我这文字是写到框里面呢，它不会超过那个框的大小啊，不会超过框大小，所以这块一定要注意有一个横花的概念，我们这个found size是设置我们那个横框的啊，就是那个那个字体框的。
07:20
啊自一块的好，那接下来我们再来再来说我们行高是如何分配的，哎，行高实际上会什么呢？行高实际上会诶会在我们这个字体框的一个这个什么呢？字体框的一个上下平均分配，平均分配什么意思？比如说我们字体大小是50，那就意味着我们字体框的大小是一个什么呢？是一个50对吧，是一个50，然后呢，比如说我们行高是100，那我们这个字体框是不是要在行高里边呀，它会怎么分配，诶100减去50应该是什么？等于50对吧？50它会给这个框上边分配25，下边干嘛呢？再分配25，那这样就达到一个什么呢？让我们这个字体框正好在我们行高的中间，所以这时候你会发现一个现象，什么现象呢？你的这个行高，你设置的再高，你设置一个十倍，这个文字是不是也是在我们这个行的一个中间呀，哎，说的是那个框啊文字。
08:20
可能会感觉点偏下，因为这个框比较大嘛，对吧，框比较大，文字会感觉稍微有点偏下，但是实际上我们整个框是在我们这个行高的一个中间啊，在最中间，就像我们写字一样，在那个横格本的什么呢？横格本一个最中间一样啊懂意思吧，这是横高，所以这个时候我们经常可以干嘛呢？哎，我可以比如说我现在有个div div有个高度，Div高度是一个，诶是一个40，诶这40DIV的高度是一个80像素啊，DA位的高度是80像素啊，或者写大点吧，我写一个200像素，200像素，200像素以后，你会发现我这个文字它会靠上，它会靠上，那你说我想让这个文字在我们div垂直居中怎么办？你可以把行高设置的高度和div的高度是一样的，因为它的行高里居中嘛，你高度和div的高度是一样的，那文字是不是就自然而然就居中了，哎，自然而然居中了，所以我们经常可以干嘛呢？我们可以什么呀？哎，我们可以。
09:20
哎，将我们这个行高，哎设置为和这个高度一样的值，哎，使什么呢？哎使我们这个单行文字，哎单行文字在我们的一个元素中，在这个元素中垂直居中啊，注意我们说的是单行文字啊，如果你多行就不是这个效果了啊，多行就不行了啊，我们说的是单行垂直居中，垂直居中是这么一个，其实一般情况下高度都可以省略不写，因为行高200，它已经把那个复元素高度给撑开了，所以高度你就可以省略啊，可以省略好这是一个，那我们多行是一个什么情况呢？哎，比如说我这里边的hello hello，很多行是吧，很多行。
10:09
那多行是一个什么效果，那多行就意味着什么呢？现在我这儿一共有三行，我行高是什么？行高是200，那就是这儿是200，那这儿是200，这儿也是200，那等于我现在整个div的高度就变成什么呀，变成600了，懂这意思吧？哎，所以多行呢，这行高指的是单行的行高，不是总行高，每一个二百三个加一块就变成了600了啊，是这么一个效果啊，那这里边我们接着再来看这个问题，再来看这个问题，那现在我们行高，其实我们行高还经常用来干嘛呢？哎，行高我们经常还用来设置我们这个文字的一个这个行间距啊，横间距两个文字之间的距离，那问你了，这个距离现在是多大个？这个距离是多大个？哎，我们刚才说了，行高会均匀的分布在我们文字的上下，横框的上，这个文字框的上，字体框的上下，我们现在行高是200，字体是50赋余的。
11:10
差是一个150，那也就是说上边这是75，下边这也是什么呢？也是75，那我们下边这行呢，是不是也是上边75，下边75，那我问你，他们两行之间的一个距离是多少？哎，就是75加75是不是正好是150，哎，150，所以我们行间距等于什么？行间距行间距等于我们行高减去我们这个字体的大小，字体大小，所以现在我们的行间距是什么？200哎减去50，那就是150，所以现在我这两行之间的航间距，它一定正好就是一百五啊，一定正好150，好，那所以这个就是我们关于行高的一些内容，行高其实也比较好理解，但是一般情况下行高嗯，我们设置的时候，文字对齐的时候，我们用行高会比较多一些，所以为什么要在字体这儿来输横高，因为它们之间的相关性是比较的比较大的啊好，横高，我们先说这么多。
我来说两句