发表于: 2016-04-26 00:42:34

6 1819


今日完成:

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定位。


  



返回列表 返回列表
评论

    分享到