day12
2017-09-08 本文已影响0人
孔子曰_f425
A我今天学了什么
1.首先在[Iconfont-阿里巴巴矢量图标库**](https://link.zhihu.com/?target=http%3A//www.iconfont.cn/)上面将你需要的图标点击购物车按钮加入“暂存架
2.选择完所有要用的图标后“存储为项目”,给它命名。然后在“图标管理”-“图标应用项目”中找到这个项目,获取在线链接,把里面的代码复制到CSS中。
3.在HTML中需要使用到图标时,使用iconfont类名。
<i class="iconfont"></i>
里面写上你想用的图标
4.然后你可以通过控制iconfont类的属性改变图标的样式,比如:.iconfont{
font-family:"iconfont";
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
padding-left:20px
}
就可以在页面中引用和修改了。
B我今天掌握了什么
1.首先在[Iconfont-阿里巴巴矢量图标库**](https://link.zhihu.com/?target=http%3A//www.iconfont.cn/)上面将你需要的图标点击购物车按钮加入“暂存架
2.选择完所有要用的图标后“存储为项目”,给它命名。然后在“图标管理”-“图标应用项目”中找到这个项目,获取在线链接,把里面的代码复制到CSS中。
3.在HTML中需要使用到图标时,使用iconfont类名。
<i class="iconfont"></i>
里面写上你想用的图标
4.然后你可以通过控制iconfont类的属性改变图标的样式,比如:.iconfont{
font-family:"iconfont";
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
padding-left:20px
}
就可以在页面中引用和修改了。
C今天没有掌握的
没有