共计 729 个字符,预计需要花费 2 分钟才能阅读完成。
【学习时长】
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 间隔的计算是以盒子的边缘作为起始线导致的。如果老师能加一这么一句,我感觉我过后应该就能记住了。