发表于： 2017-07-26 23:18:42
1 505
今天完成的事情：
1.任务5第一个psd，完成了70%。
明天计划的事情：
1.完成第一个psd，开始第二个psd。
遇到的问题：
1.header无法紧贴页面，在任务4设body的margin为0后正常了，但是任务5里设置后用chrome的f12检查发现仍然存在，待解决。
2.布置背景时，由于图片不大，未铺满，使用cover属性后正常。
3.走到背景之上的布置时，在选择绝对定位和分割div有分歧，选了绝对定位走下去，效果表现正常，但是拉伸后会失去原有布置，可能有解决方法，待解决。（绝对定位带来的坏处时其他元素都变得需要绝对定位，如果不用，就需要从父元素div里面重新厘定内外边距，很麻烦。）
4.footer上面部分的内容，也有分歧，一是用div，二是用table，选择表格尝试，效果可以达到要求，优点是表格内文本默认水平垂直居中，无须进行居中定位，但带来一个小问题，专业技能前的蓝色竖线无法直接通过border实现，可能需要加上一个无意义的div，待解决。
收获：
1.绝对定位，包括浮动和fixed就像一个不跟别人玩的孩子，所带来漂浮感，有时用上会很完美，有时会把其他布局完全破坏掉，需要结合实际情况使用。
2.了解并使用了table属性，有了更多可以使用的工具。
ps：任务4虽然做好了，但是html和css代码规范都没有看，任务5完成后修改再提交。
返回列表
评论