网上澳门线上网址尚武科技——负责任的企业公民

尚武十年[点击进入]

科技以人为本
尚武旗下网站
  • <tbody id='sz9me'></tbody>

    尚武科技
    搜索图标
    Sitemap | Mail | 合作答疑 | 招贤纳士
    网站公告 尚武科技服务热线:0311-87882018
       
    我们是谁  |  网上澳门线上网址  |  网上澳门线上网址  |  加入我们  |  行业知识
    图标库代替图片的方法

       网站过多的图片引起网站打开速度的缓慢,这时候就要想办法解决问题,一个是压缩图片,但是过量的的压缩又会引起图片的模糊,而一些形状之类的图片完全可以用css或者字体实现,一些形状我已经在之前的博客里写了出来,这里讲的是用图标库的方法来代替图片;下面石家庄做网站的技术人员给大家分享具体内容。

    网上澳门线上网址  这里我用的是阿里的图标库,官方链接:http://www.iconfont.cn/

      1.准备时间:

      1-1进入网站,选择图标库

    网上澳门线上网址  1-2选择你需要的图标,比如这个错误图标(或者在上方搜索处搜索你想要的图标,再或者你可以用AI做一个图标上传到项目{相对更麻烦})

    网上澳门线上网址  1-3鼠标悬浮上去,出现一个购物车,点击

    网上澳门线上网址  这时候就会进入平常在淘宝类似买东西的一个购物车

    网上澳门线上网址  1-4点击右上方“购物车”

    网上澳门线上网址  1-5这里是你选择的图标们,然后添加至项目,

      可以选择你拥有的项目,

      或者点击添加新项目。

      进入项目,这时候就会发现你的项目里面多出了你的创建的东西:

      2,使用时间:

      2-1.然后选择下载至本地,将这三个图标形成的库下载下来(相对而言,图标越多,相对你比使用图片效果更强,加载更快。)

      解压你下载的图片。

    网上澳门线上网址  2-2然后打开文件。出来的代码

    网上澳门线上网址  这四个是必须引用的,

      这三个是引用方式的介绍及使用方法;

      这两个是你引用的方式js或者css(只选择一个);

    网上澳门线上网址  这里我要说的是css的适用方法:

      将五个文件放入你的css里面:

    网上澳门线上网址  2-3打开你的项目:

    网上澳门线上网址  2-4引入css样式;

      查看库里面的文件是否用上,如果不确定,可以自己重新用编译器的提示引一遍。

      用浏览器打开下载项目里面的css提示文件,并用F12审查

    网上澳门线上网址  2-5将你需要的图标的class名复制到你的项目里面

      用浏览器打开查看效果:

    网上澳门线上网址  2-6你可以再单独写样式图标变色或者变大,如果怕冲突,可以再给div加一个id值

    网上澳门线上网址  是不是就可以了,如果你不想要div里面的字变色,可以直接写id:before,因为字体库就是用的before

      好了,这就是石家庄做网站的小编给大家讲解的阿里图标库的使用方法了,其实说起来并不难,只是稍微有点麻烦点,前期准备时间有点多,但是相对,这样提升了网站的打开速度。




    上一篇:设计的层次体现             下一篇:网站制作中哪些细节是提高品质的加分项

    标签:
    尚武科技
    睿亿网络用心服务的团队,竭诚为您服务 客服不能及时回复您,您可点击QQ进行交谈
    欲了解业务详情,请拨打咨询热线:
    总部电话:0311-87882018    值班电话:15512183667
    网上澳门线上网址: 尚武科技售前专员   
    Copyright © 2008-2019 尚武科技 保留所有权利 >冀ICP备07012169号    Copyright © 2008 voteoutnow.com, Inc. All rights reserved
    澳门葡京网址靠谱吗,线上大发棋牌网址,都坊网址_welcome 百胜亚洲娱乐开户,捕鱼棋牌游戏贴吧,网上十大正规赌博_welcome 快乐十分,在线网络赌博公司,澳门爆大奖游戏平台_welcome 大话捕鱼棋牌游戏,澳门平台老虎机大全,尊尚会娱乐在线_welcome 哪款捕鱼游戏有棋牌,456棋牌,欢乐谷平台注册_welcome 巴黎人网上赌场,威能娱乐开户,巴登网上_welcome 澳博国际开户,澳门上葡京在线平台,易胜博客户端_welcome 电子正规游戏,澳门网上真人赌城,澳门龙虎和平台下载_welcome 沙龙度假村平台,澳门赌场app,现金网新2娱乐_welcome 澳门英皇网址3,澳门新银河娱乐网址,澳门最好的游戏平台_welcome
  • <tfoot id='sz9me'></tfoot>

      <legend id='sz9me'><style id='sz9me'><dir id='sz9me'><q id='sz9me'></q></dir></style></legend>
      <i id='sz9me'><tr id='sz9me'><dt id='sz9me'><q id='sz9me'><span id='sz9me'><b id='sz9me'><form id='sz9me'><ins id='sz9me'></ins><ul id='sz9me'></ul><sub id='sz9me'></sub></form><legend id='sz9me'></legend><bdo id='sz9me'><pre id='sz9me'><center id='sz9me'></center></pre></bdo></b><th id='sz9me'></th></span></q></dt></tr></i><div id='sz9me'><tfoot id='sz9me'></tfoot><dl id='sz9me'><fieldset id='sz9me'></fieldset></dl></div>

          <bdo id='sz9me'></bdo><ul id='sz9me'></ul>