发表于： 2017-03-06 21:02:20
1 793
今日完成
1.重新布局任务五，并提交，请师兄看看~
2.学习任务六，了解bootstrap与雪碧图知识。
遇到的问题
1.做任务五“个人信息”的最后一行字时（可以洗衣做饭照顾老人），窗口一旦缩小，文字就会掉入下一行。最后发现是未设置行宽度，以及行最小宽度（修改时又发现最小宽度设置不成功，原因是最小宽度设置成了百分比），问题解决。
2.边框线条一直与行同等高度（效果是需要与文字同等高度），通过再套一个外框解决。
3.浮动窗口时，header虽然位置固定了，但是会被下放内容覆盖。最后通过设置z-index=2，这一属性解决。晚上学习bootstrap时，发现也可以用bootstrap实现。
4.footer会被上方内容覆盖，查找了很多方法，通过设置上方内容的最小宽度进行限制。晚上学习bootstrap时，发现也可以用bootstrap实现。
5.插入的图片有一条白色缝隙，尝试了各种方法，最后通过将图片单独设置为block，解决。
6.重新布局header时，文字位置时常受影响，最后通过设置overflow解决。
明日计划：
继续学习任务六，了解与熟悉bootstrap的用法。
收获：
1.保持header以及footer位置，以及不被覆盖的一些思路与方法。
2.行宽、最小宽度的重要性。对内容、块的定义更加了解。
3.bootstrap的初步了解，bootstrap文字图标的用法（应用在了任务五）。
4.雪碧图概念及用法。
返回列表
评论