发表于: 2018-11-05 23:13:51
1 810
2018年11月5日日报
今天完成的事情:
1.修复任务4的bug并提交通过
2.任务5开始。
- header复用了任务4中使图标和文本框同行显示在一个弹性盒子里的方式。值得注意的是对图标大小进行设置时,使用image选择器会导致无法调整图片宽高。最后使用了class来选取图片调整宽高。
- header和footer都采用了定位中的fixed定位,使之距离顶边和底边的距离始终为0,确保在滚动竖直方向的时候保持在原位。
- footer采用了弹性盒子,两个div作为盒子的元素用flex:1平分宽度。
- 从photoshop切取素材
明天计划的事情:
完成任务5剩下的部分
遇到的问题:
图标和文字在同一行时需要调整大小
收获:
position的fixed定位 可用于固定导航部分
盒子模型的使用
评论