| 加入收藏 | 学校官网 | 田径运动会 | 站点二维码 【我要留言】 
用户登录

账  号:
密  码:
    

  • 电子邮件:0745001@163.COM
  • 即时通讯:QQ-164247110
  • 联系地址:洪江市芙蓉中学
  • 综合搜索
    请选择类别
     
    栏目导航
    最新录入

    首页文章中心技术文档
    网站常用的小图标集合
    来源:转载     点击数:282 次    更新时间:2017-06-20

    以下是网站常用的小图标,配合CSS使用,注意图标的名称。

    YAWEN OFFICE

    原理分析:Bootstrap框架中的图标都是字体图标,其实现原理就是通过@font-face属性加载了字体。

    大家或许会问,这些字体我去哪里获取。如果你是从前面一直阅读过来,我们在介绍文件结构那一节就已介绍过。在Bootstrap框架中有一个fonts的目录,这个目录中提供的字体文件就是用于制作icon的字体文件。
    自定义完字体之后,需要对icon设置一个默认样式,在Bootstrap框架中是通过给元素添加“glyphicon”类名来实现,然后通过伪元素“:before”的“content”属性调取对应的icon编码。


    原文地址:点击查看原文     在线看图


    【刷新页面】【加入收藏】【打印此文】 【关闭窗口】
    上一篇:[转载]有一种任性,遵从内心、道义从不认怂 下一篇:DIV+CSS网页显示空白但源代码完整的对策  
    >>> 申请友情链接 >>>>
    洪江市智慧教育云平台中学生物教学中学生物学生物学教学全国中小学教师继续教育网全国青少年科技创新大赛平台湖南省青少年科技创新大赛平台植物智春晓工作室芙蓉中学

    亚雯名师工作室—中学生物 Copyright @ 2023 - 2028 All rights reserved.  Backstage System 
    ICP备案:ICP备00000000号 联系人: 电话:0745-7736289 E-MAIL:0745001@163.COM 地址:洪江市芙蓉中学