发表于: 2019-06-15 21:30:43

1 945


    14号首先回去看了html添加图片的教程,把任务三的图片地址改为../XXX.png,的相对路径,然后就成功显示了。再然后看了其他师兄的任务三做法,发现自己没有理解任务要点其实是想要让做任务的学习用盒子模型的内外边距padding和margin来挤压进行排版,在同一行的则是用浮动来达成。后来重新用盒子模型和浮动进行任务三,距离单位则设定了font-size:62.5%,使得1rem=10px,方便确定盒子的尺寸。


     接下来看深度思考的问题和之前师兄的小课堂解答,对于手机分辨率和网页的px的关系,当手机分辨率提高的时候,会用更多的像素点来显示相同的px,例如同样是网页的1px,初始是用1个像素点进行表示,当分辨率提高两倍时,就会用2×2的手机像素点,即四个像素点来表示1px。这样可以使得像素提高只提高图像的清晰度,不会把大小进行变化。


     看了深度思考后,接下来进行任务四,制作一个登录页,由于之前做任务三的时候误打误撞用了定位,这个任务也抓到了知识点就是考查定位和表单的制作。所以回头又去看了input和定位,然后开始写登录页,在写head的注册,登录,关闭时,想用overflow:hidden把背景蓝色盒子撑开,后来发现验收标准有一条是删除三块文字的任意一两个,对其他都不影响,就不能用撑开的方式了,不然删除文字没人撑后面的背景。接下来就是都使用固定定位,保证各个元素在不同页面宽度时都在相应位置。把登录页做好后,感觉注册和关闭应该使用链接方式,就改动了一下。


  15号和师兄师姐们进行开会,交流遇到的问题,更进一步了解了input的使用和position定位的四种特点,然后看了任务四的深度思考,学习了HTML的语义化,然后把任务四的内容进行规范,css也不使用p1,p2之类无意义的样式。


    接下来学习任务五,学习任务display:flex,即弹性盒子,然后应用到任务五中,看到一部分又看到任务四审核完毕,还有很多缺点需要改,准备明天进行修改。



返回列表 返回列表
评论

    分享到