发表于: 2019-02-26 23:49:31

1 751


 

今天完成的事:

1.重新布置了任务三,按照任务标准完成

2.把任务三上传到了自己的服务器,并且支持我自己的域名访问(http://www.linlearning.top/task3/task3.html)

3.脑图整理了“自适应”的相关内容

4.开始了任务四

------------------

5.整理了行李和装备,准备线下学习之旅了!大上海流浪之旅



明天的计划:

1.进行任务三的深度思考

2.开始布局任务四



遇到的问题:

1.经历昨天的自适应乌龙事件,今天痛定思痛,深刻了解了自适应各个参数的配合使用(百分比,em,rem)。重点提两个我比较印象深刻的改动 

(1)对于背景颜色设定,我一开始是放在main盒子里,就是最大的祖父级div内,但是这样弊端特别多(设顶部Logo的margin会撑开来)。后来才知道可以在body里面直接设置!所有问题都解决了


(2)还是顶部的logo问题,我一开始把它包含在了祖父级盒子里,再置顶左侧摆放,但是怎么absolute还是float都不能完美放置,其实只要单独一个header盒子放在祖父级盒子之上(利用文档流自动就靠最左边了),再设置margin就完美展示


最终任务3展示:




收获:


1.经过三个任务后,对于盒子模型的摆放+自适应的布置,印象又深了一步,努力朝熟练掌握成长!


2.我把自适应的知识点用脑图整理了一部分(供大家参考学习):





返回列表 返回列表
评论

    分享到