发表于: 2020-09-13 23:10:59
1 1245
今天完成的事情:完成任务三;学会用ps寻找图片中某一块在整个图片中的相对位置,以及接触到了逻辑像素和物理像素;具体完成任务中对于盒子模型也有了更深的理解,如何运用margin和padding来具体布局整个页面(在移动端上),也了解到为了自适应效果,了解并使用em替代px作为相对长度单位;相较于昨天使用内嵌式书写css,今天使用了外联式做任务,图片的插入也有所了解,还有对于文字的居中方式。
明天计划的事情:搞明白px,em和rem的区别和使用,完成任务四,同时也要看一些基础知识和练习,对于ps的多图层切片也不是很懂,
遇到的问题:使用div来设置背景颜色无法保证能覆盖整个页面,改成body来设置背景色保证覆盖;各<div>位置定位不准,出现各种问题,先去除所有<div>的margin等信息,从上到下从左到右一个个去确认数据,去定位,实际过程中更深入了解了盒子模型,如何使用margin和em,以及文字居中和float,class拼写错误导致有浮点无法实现卡了好久。
收获:最大的收获还是不能放弃,下午以为今天肯定做不好但是在师兄的帮助修改下,晚上还是艰难完成了,很有成就感,同时也意识到写代码是一件很仔细的事,一个单词的拼写错误有时vscode不会提示你语法错误,但却无法达到预期效果,对于不会的问题还是要多百度多看知识点,再去问师兄,也可以借鉴别人代码风格,但是一定要自己写下来,不可简单复制粘贴。
评论