发表于： 2017-03-14 22:30:11
1 693
今天完成的事情：
1、开始task6，完成到把css雪碧图整到一张背景图片上。
明天计划的事情：
1、开始task6的布局。
2、利用iconfont改写task5的代码。
遇到的问题：
1、今天根据阿里巴巴iconfont官网上的教程，使用unicode引用 来使用iconfont,一开始出现的是
这种红色的小方块，然后我仔细对照以后发现官网上的教程的class类名'iconfontyyy' 而unicode引用给出的class类名确是iconfont,下次自己仔细点，最终也出现了自己想要的图标
。 接下来就是把iconfont应用到代码中去。
收获：
1、了解到CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。CSS雪碧的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中，从而减少你的网站的HTTP请求数量。该图片使用CSS background和background-position属性渲染，这也就意味着你的标签变得更加复杂了，图片是在CSS中定义，而非<img>标签。
2、了解iconfont，并且使用在线连接把iconfont用在自己的实验代码上，而且能改变iconfont小图标的样式。
返回列表
评论