发表于： 2017-07-24 23:29:28
1 732
今天完成的事情：
写好了公共的头部和尾部样式。
使用阿里巴巴图标库图标代替页面中小图标。
home页部分样式。
明天计划的事情：
继续写home页的样式。
遇到的问题：
psd切出来的图看起来很小，尤其是尾部的二维码看起来很模糊，看起来有点山寨。。
webstorm下的svn文件夹突然消失不见了，后来发现是.idea文件夹出了问题，删除此文件夹重启webstorm即可。
收获：
了解了svg格式的图标：
SVG是指可伸缩矢量图形,svg格式图标的使用有以下几种：
a.使用<iframe>元素来嵌入SVG图像
b.使用<img>元素来嵌入SVG图像
c.将SVG图像作为背景图像嵌入
d.直接使用<svg>元素
e.使用<embed>元素来嵌入SVG图像
f.使用<object>元素来嵌入SVG图像
使用<svg>格式使用时图片只是一段代码。所以可以节省HTTP请求，就像使用Data URL的优点一样。但也有一个缺点，就是会使HTML文档的代码变得非常庞大，难以缓存。
返回列表
评论