发表于： 2016-04-26 00:42:34
6 1817
今日完成：
1.学习了雪碧图，解答了昨天的困惑，对雪碧图的理解写在收获里吧。
2.完成task6-3。
http://qxw1192140093.my3w.com/task6-3.html
密码：Helloworld147
明后天计划：
打算写一部分task6-2.然后准备考试TAT...
周三考完试，会把task6整体做完，把之前task1部分的四个点也改成雪碧图写。
（26号不写日报了，专心备战考试）
遇到的问题：
1.底部透明那一行，一开始用绝对定位做的，但是bottom设成0，就会不见了。用固定定位就可以把它定位在底部了。position：fixed；（已解决）
2.有木有人解答一下task6-2，那段音频是自己随意插么？《未解决》
收获：
写一下我学完对雪碧图的理解吧。
雪碧图：css sprites；
1.雪碧图的引用是为了提高网页打开的速度，不在html里面插入过多的图片，把一些固定不变化的小图标切成一个图片，写在css里面background-image作为背景图片插入。
2.主要是用到background-position，给每一个小图标定位位置，位置以x，y轴为主，值都是负的。
3.写html的时候，给每个小图标预留一个空标签，css部分在对应标签里面对小图标background-position定位。
返回列表
评论