发表于: 2017-03-05 13:21:38
2 837
今天完成的事情:已完成任务3。总结
1.用Photoshop把介绍页上的4个图标切下来。
2.在body下面把4个图标插进去,顺序分别是返回,主logo,下面2个图标,中间放文字。
3.开始css的调试,图片自适应,字体,背景颜色,边距设置,添加浮动。
4.上传到github查看。
明天计划的事情:
开始任务4
遇到的一些问题:
1.图片居中,需要用div包裹。同样,最下面两个图标下的文字要和图标一起包起来,不能单独换行。
2.图片自适应,max-width: 100%,高度设置为auto。
3.相对大小的字体,rem是根据根元素html字体的大小来参考。比em要好用。
4.WebStorm上传问题,如果存在同名目录,换个名字并把文件复制到新目录中。用git打开任务页面载入挺慢的
收获:
花了4个小时吧,边距和文字仔细调了一段时间,昨天晚上一直做到凌晨1点多。日报也忘了写。主要是css切图的使用,以后再看到想用的图标直接切下来就可以用了。
评论