发表于: 2020-09-12 16:49:05

1 1130


今天完成的事情简要了解了什么是HTML5和CSS;创建新的html,使用vscode来修改代码,理解了如何运用盒子模型的思维方式来做出第一个黄色正方形,但一直卡在如何做出九宫格效果,用了inline-block,但是看到后面的攻略推荐使用float,其实感觉效果上差不多,没有深究优劣;因为一开始百度就了解到了vw的使用,所以自适应方面很快就能上手,但是height必须使用vw因为理论上浏览页面时高度是可以无限大的但是宽度是有限的,颜色方面一直以为必须使用代码才能表示,结果发现直接写orange,yellow之类也可以,在chrome上运行基本没有问题了,便按照知乎的推荐步骤,完成了使用nginx,在手机上访问九宫格的html。


明天计划的事情回顾一遍自己完成这个任务中所百度到的知识点,理解每一行的代码意义是什么;查看HTML5和CSS的一些基础术语以及概念,更好的巩固基础知识;以及开始任务2的学习。


遇到的问题:第一眼看到任务无从下手 ,直接百度问题得到的代码也完全看不懂,假如没有任务具体步骤就完全没有思绪去解决这个任务;按照任务步骤来百度资料也因为没有基础知识看的也一知半解;不知道如何显示黄色,查找了代码发现是#FF9900,但是最后看了别人的提问才发现可以用orange;使用css装饰html内容时有四种方式,经过对比还是内嵌式更好上手,但链接式和导入式会更容易修改和增删;第一次配置nginx按照教程将自己做的html文件替代目录中的index.html,chrome认可正常访问但是手机显示404,后来按照后面的教程重新修改html的目录位置才得以在手机上正常显示,感觉第一次配置的“root   /home/www”是没问题的。


收获:面对一个自己未知领域的一个问题能通过百度,论坛等方式去完成的成就感还是很大的;同时对于如何使用css来最装饰html的内容也有一定了解,重要的是意识到今天这些代码都是百度,然后自己拼接而来,不算真正意义上自己编写的,说明零基础学css门槛并不高但仍要自己去补足基础知识,多看别人对于类似问题的解法。


返回列表 返回列表
评论

    分享到