2022年4月15日，第8天

【学习时长】

8h。累计36h。

【代码数量】

110行。累计1900行。

【学习内容】

今天学了一些移动Web开发的一些基础知识，如：视口、物理像素与物理像素比、二倍图等。还学完了流式布局与Flex布局的一些基础知识。明天准备用今天所学的知识做一个案例，巩固今天的学习内容。

【遇到的问题】

（1）今天发现之前写的电商网页有几个报错，暂时不知道是什么原因，需要查资料。

（2）今天在做一个3D效果的时候发现，一个盒子中放一张图片，盒子转过180度后，看到的应该是这个盒子的背面，也就是应该看不到东西。但是，实际看到的却是这张图片翻转的效果。不知道这是不正常的。

【今日解决的问题】

图片很小的时候可以用line-height = 行高 来实现近似居中对齐，因为图片可能与文字一样大。但是，如果图片比较大，除了加line-height = 行高外，还要加vertical-align:middle。一般有行内块的地方，都要加verticla-align:middle。图片或者说行内块，默认是与文字基线对齐的。

【学习计划】

移动Web网页开发部分的视频教程时长21小时。计划用4.5天时间看完，另外再用2.5天来完成相应的案例，总共用时7天学完这一部分内容，即要在4月20日当天结束。

【其他】

学的这个教程还是不错的，视频教程、讲义、原代码及所种软件安装包都有。但是，我发现了个问题，就是我认为老师在讲课的时候不太讲原理，很多时候只讲现象。其实如果能把原理讲一下，学生明白这种现象背后的原因，就更容易记住。比如，我今天在回看外边距合并部分的内容时我就发现，相邻盒子外边距合并的实质应该是margin距离的计算是以盒子的边缘作为起始线导致的。如果老师能加一这么一句，我觉得我当时应该就能记住了。