今天完成的事情：

1.今天修改了task2，通过了demo，明白了oninput事件和onchange事件的区别，onchage是在对象失焦的时候触发，而oninput事件是在对象改变的时候即时触发，今天task2的主要bug就在这里，之前使用的是onchange事件，输入框的数字不能随着滑块的改变而即时变化，只有失焦的时候才变，影响体验。

2.捋了一下task3的任务逻辑，写了一部分HTML

3.查阅了有关line-height和vertical-align的资料，为明天的小课堂做准备

区别：line-height行高指的是文本行的基线间的距离。而基线（Base line），指的是一行字横排时下沿的基础线，基线并不是汉字的下端沿，而是英文字母x的下 端沿，同时还有文字的顶线（Top line）、中线（Middle line）和底线（Bottom line），用以确定文字行的位置；适用于所有元素，并且有继承性

vertical-align是设置元素内容的垂直对齐方式；

值： baseline：基线对齐；sub：下标；super：上标；top：顶端对齐；text-top：与文本的顶端对齐；middle：中部对 齐；bottom：底端对齐；text-bottom：文本的底端对齐；是适用于行内元素，并且无继承性

联系：有这么多区别当然也有相似的地方，主要类似的用法就是对元素进行垂直居中了，line-height=height；和vertical-align:middle；这两个是我们进行垂直居中最方便的两种方法了，虽然不是使用所有场景

明天的计划：继续task3任务，制作小课堂PPT，完善内容

遇到的问题：今天主要是onchange事件和oninput事件没学好，准备说是oninput事件之前没有了解，还是基础知识还学好，慢慢补

收获：通过了task2的demo，对line-height和vertical-align有了更多的了解