发表于: 2018-04-23 23:24:42
2 309
今天完成的事:
1.完成任务5,提交任务5
任务5就是一个常见的移动端页面,header和main和footer布局,主要的关键点有图片的插入和适应,垂直居中的设置,有一些以前学会的操作也可以在这个任务里再锻炼一次,使之更加熟练。
2.开始任务6,学习了雪碧图的制作,并制作出任务6所需的雪碧图
3.完成任务6的header布局
明天计划的事:
1.完成任务6的footer布局
2.完成任务6的main布局,使用table布局,在列表头加入下拉框
3.完成代码并规范代码
遇到的问题:
1.关于自我介绍垂直居中的问题
试了几种方法没有成功,后面找到一种方法可以做到。
首先设置父元素position:relative;然后子元素设置:
即可做到垂直居中
2.任务6按钮镶嵌问题
开始的思路是使用一个div将两个按钮包裹,然后再视觉上实现镶嵌的效果,发现不太可行;
然后又想了一个思路是大按钮套小按钮,发现套不进去。。
最后找到办法是设置margin为负值,就可以实现镶嵌了。
收获:
1.今天是来到线下的第一天,从早学到晚,学到了很多方法技巧,感觉还是很充实的。
2.完成了任务5,对于各种水平居中和垂直居中有了更多了解。
评论