day12

作者: 孔子曰_f425 | 来源:发表于2017-09-08 19:09 被阅读0次

    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今天没有掌握的

    没有
    

    相关文章

      网友评论

          本文标题:day12

          本文链接:https://www.haomeiwen.com/subject/cssnjxtx.html