发表于: 2016-08-16 23:27:18

1 1359


今天完成的事:

1.重新修改Task6-3投票页;

2. 实现雪碧图加载图片,并能自适应;

3.利用audio标签添加背景音乐。

 

明天计划的事:

1.开始Task7

2.Task7用雪碧图加载图片。

 

今天遇到的问题:

1.刚开始用background-position定位雪碧图时用从PSD里量的尺寸去写,发现不行,然后随便用百分比瞎试,算是把要显示的图片弄到相应的位置了,但是图片两边边缘有乱入的东西,原因大概知道父元素按百分比算的宽度有误差,图片本身按照百分比算的也有误差。

2.DIVli嵌套雪碧图时,一开始图片不显示,原因是父级的DIVli只有宽度,没有高度,加上高度之后,图片就显示了。

3. <audio class="play" src="music.mp3"  autoplay="autoplay" loop="loop"></audio> 添加背景音乐,没有实现按钮点击来控制播放或停止,是要js才能实现?

 

 

收获:

1.了解雪碧图的原理和使用,打个比方,网页是一块布,布上有个很多孔,然后你拿了一张纸,所有的图片都在这张纸上,你拿着纸在那块布的底下移动让对应的图片在对应的孔里露出来。这次是在师兄推荐的网站上合成雪碧图,然后一个一个调位置来显示,在图片较少的情况下,这样操作是可以得,如果图片多了,就得按照攻略师兄写的自动修改CSS文件的方法?

2.背景图片嵌套在DIV或其他tableli里,大小100%,父级元素自适应,图片会跟着自适应;

3. <audio class="play" src="music.mp3"  autoplay="autoplay" loop="loop"></audio> 添加背景音乐。




(背景音乐里持续的不断的笑声是什么鬼)

 



返回列表 返回列表
评论

    分享到