发表于: 2017-04-17 23:27:46
1 821
1、今天完成的事情
1、继续进行js任务4
完成了杀人页和投票页之间的数据传递,根据杀人页的的点击,投票页被杀的人颜色改变,而不能点击。
投票页被投死的人,数据传到杀人页,颜色也改变,无法点击。
2、修改了个人主页的样式
之前个人主页的样式太丑,今天加了button按钮,改了颜色,但依然很丑,还是自己审美太差。
3、修改了之前任务存在的bug
修改了之前css任务的bug,文字紧挨了边框,随后加上了padding
2、明天计划的事情
1、完成js任务4
2、开始js任务5
3、看高程
3、问题
4、收获
小课堂:雪碧图
(1)使用雪碧图的优点:
1)利用CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;
2)CSS Sprites能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。
3)解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名,从而提高了网页的制作效率。
(2)使用雪碧图的缺点
1)在图片合并的时候,你要把多张图片有序的合理的合并成一张图片,还要留好足够的空间,防止板块内出现不必要的背景;这些还好,最痛苦的是在宽屏,高分辨率的屏幕下的自适应页面,你的图片如果不够宽,很容易出现背景断裂。
2) 至于可维护性,这是一般双刃剑。可能有人喜欢,有人不喜欢,因为每次的图片改动都得往这个图片删除或添加内容,显得稍微繁琐。而且算图片的位置(尤其是这种上千px的图)也是一件颇为不爽的事情。
评论