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">&#xe600;</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">&#xe600;</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今天没有掌握的

没有
上一篇下一篇

猜你喜欢

热点阅读