发表于: 2017-03-07 21:00:42
1 686
今日完成
1.继续任务六,布局完成,目前调整footer以及整体的自适应效果。
遇到的问题
1.任务六全部是用bootstrap做的,header的按钮调整大小(同时在调整header的大小)以及位置(垂直居中)遇到问题,最后通过查阅、熟悉各个bootstrap组件的属性, 调整它们的style,问题解决。
2.雪碧图一直不显示,最后发现是因为定位错误,父元素未设置相对定位造成。
3.下拉菜单时,出现滚动条,而非直接将菜单显示在页面上。逐一排除错误,发现原因是菜单外面的行以及块设置了overflow:auto造成,删除后问题解决。
4.footer的图标,开始想用字体图标实现,但是排版一直有问题,准备修改为按钮进行实现。
明日计划:
1.继续学习任务六;
2.了解css各元素命名规则。
收获:
1.bootstrap的基本用法(主要是下拉菜单、栅格、字体图标、按钮等,以及通过style调整属性)。
2.绝对定位、overflow概念的深入理解。
3.雪碧图的使用方法。
评论