发表于: 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定位。
评论