发表于: 2017-04-11 19:20:18

1 563


    昨晚写完日报刷完知乎快凌晨两点才睡,是不是以后程序员的生活都跟这差不多?看来我是要提前进入程序员生活了么?哈哈,真的很期待马上去学习,然后正式进入前端这个行业。这个日报系统有点小BUG,就是写的时候排好的版提交后就变形了,可能是因为日报的width变了。

-------------------------------------------分界线--------------------------------------

今天完成的事情:

1.继续完成任务6剩下的事情,对于昨天listheader中三角形无法居中且靠右的问题下,我听取师兄建议采取absolute尝试了下,虽然很麻烦,但是我觉得做这行得有耐心和不怕麻烦,只要最后问题解决了,不管方法好坏,总是一种方法。经过设置后,还是达到了想要的效果(ps:在这里使用绝对定位时一定要设置父元素的position:relative ,否则定位会根据body来定位,那就比较麻烦了):

2.学习了雪碧图的制作,雪碧图的原理其实就是设置一个小窗口,然后通过坐标来显示对应的图片,有点像老式的胶卷电影,下载了一个雪碧图制作工具-css背景图合并工具。

关于雪碧图的资料链接地址:http://blog.csdn.net/bingkingboy/article/details/51059209

3.解决了一点小问题,就是切图的时候,导出来的图片除了第一张是png格式,后面的都是jpg格式,后来查询了之后发现是需要在预览里一张张选择后都设置成png格式的。

4.重新复习了下相对定位、绝对定位、浮动以及fixed的知识点。

5.花了9个小时,终于把任务6剩下的完成了。

明天计划的事情:

1.开始任务7的学习。

2.开始bootstrap的学习,尝试用bootstrap布局任务6。

遇到的问题:

代码编写完成后,查看效果时,发现header右上角的图标无法自适应,如下:

目前没有找到解决的办法。

收获:

学会了如何制作雪碧图,能熟练运用absolute进行布局操作。


返回列表 返回列表
评论

    分享到