发表于: 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平分宽度。
  • 1.JPG
  • 从photoshop切取素材

明天计划的事情:

完成任务5剩下的部分

遇到的问题:

图标和文字在同一行时需要调整大小

收获:

position的fixed定位 可用于固定导航部分

盒子模型的使用



返回列表 返回列表
评论

    分享到