精华内容
下载资源
问答
  • 900多个android开发小图标素材,很多精美小图标收集

    万次下载 热门讨论 2013-11-06 13:47:29
    900多个android开发小图标素材,很多精美小图标收集!真心很不错!
  • 1000个常用网页小图标

    千次下载 热门讨论 2013-04-25 17:01:51
    1000个常用网页小图标,做前端开发常用的!
  • 超全 前端开发6811个小图标

    千次下载 热门讨论 2013-10-15 12:35:19
    网页小图标素材 ========================================= 前端开发6811个小图标 如果你是做前端开发的 下载就对了 推荐资源: 前端开发上千张高清 质感 透明 无损大图 ...
  • ( 900多个安卓开发 小图标 精美 小图标很漂亮, 各种样式都有方便使用。。
  • bmp 经典小图标bmp 经典小图标

    千次下载 热门讨论 2008-09-26 16:43:57
    经典bmp小图标,编程用,可以美化你的程序。经典bmp小图标,编程用,可以美化你的程序。
  • android开发小图标素材

    千次下载 热门讨论 2011-09-13 13:14:15
    android开发小图标素材,很多精美小图标收集
  • 在解决该问题的过程中,发现打开InteliJ idea的时候,只有任务栏的小图标,并没有图形化界面 背景是之前曾经在两个显示器上显示过,导致拖拽到其他显示器上,现在单个显示器不能显示 解决方式: win+D两次即可...

    1、在任务栏右键 ,取消任务栏锁定(如果之前没有锁定过跳过该步骤)

    2、上下拖拽任务栏宽度到最小或者是自己满意的宽度

    3、重新锁定任务栏(如果不喜欢锁定不锁定也是ok的)

    在解决该问题的过程中,发现打开InteliJ idea 的时候,只有任务栏的小图标,并没有图形化界面

    背景是之前曾经在两个显示器上显示过,导致拖拽到其他显示器上,现在单个显示器不能显示

    解决方式:

    win+D 两次即可解决(第一次是收起所有的应用,显示桌面,第二次是从显示桌面到显示所有应用,此时所有应用都能显示了)

     ps: 借此机会记录下

    展开全文
  • Bootstrap小图标

    千次阅读 2017-04-04 09:55:34
    Bootstrap小图标 小图标的基本用法 1.打开bootstrap中文网站找到Gliyphicons字体图标 (我们可以看到里面有250多个来自Glyphicon Halflings的字体图标,Glyphicon Halflings一般是收费的...

    Bootstrap小图标



    小图标的基本用法


    1.打开bootstrap中文网站找到Gliyphicons字体图标

    (我们可以看到里面有250多个来自Glyphicon Halflings的字体图标,Glyphicon Halflings一般是收费的,但是它们的作者允许Bootstrap免费使用。)


    logo1.png


    2.新建一个web项目叫ch09,然后把ch08里面的东西复制过来。


    3.打开ch09中的demo01.html,把之前我们所写的东西都删掉。


    4.你想要哪一个小图标,就把这个小图标下面的文字复制。然后加在<span>标签里面。


    <span class="glyphicon glyphicon-plus"></span>


    5.运行效果


    logo2.png


    6.当然,我们也可以放在<a>标签,<a>标签里面再使用<span>标签。


    <a href="#"><span class="glyphicon glyphicon-heart"></span></a>


    7.运行效果


    logo3.png



    实现原理


    在我们bootstrap2.x的时候,这个小图标的实现原理是把所有小图标放在一张图片上,然后根据背景来进行定位,这样带来的问题就是我们网页变大以后这个小图标会失真。


    到bootstrap3.x的时候我们用了字体图标,我们可以看到在每个web项目下有fonts目录,里面有各种格式的服务器的字体,比如说,相同的字母在不同的字体下显示不同的图标。比如一个字母a,你给它不同的字体它有可能显示圆圈、方块等。这些图标的显示原理就是我们给不同的字母设不同的字体,会出来不同的小图标。用这种模式的好处就是,网页变大字体不会失真,也不害怕客户端找不到这个字体。唯一的缺点就是服务缓存字体不稳定,性能稍微差一点。



    应用场景

    1. 可以在各种元素内用(我们前面已经提到在<span>标签和<a>标签使用)


    1)有些时候我们经常在<a>标签做这样的操作


    <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-heart"></span></a>


    2)这样的话<a>标签就作为一个按钮,按钮上出现了一个图标。


    logo4.png


    3)我们也可以在按钮里加图标


    <button type="button" class="btn btn-danger">

    <span class="glyphicon glyphicon-home"></span>&nbsp;注册

    </button>


    4)运行效果


    logo5.png


    2.在工具栏上使用小图标


    1)我们的bootstrap中文网上有它的实例,它的原理就是它放到一个div里面,div里面是一个工具栏。再放到div是一个botton group,然后放很多的<a>标签或者按钮。


    logo6.png


    2)在工具栏中使用小图标实例


    <div class="btn-toolbar">

    //类选择器叫btn-toolbar,表示这是一个按钮的工具栏

    <div class="btn-group">

    //这是一组按钮

    <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-education"></span></a>

    <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-ice-lolly-tasted"></span></a>

    <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-text-size"></span></a>

    <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-education"></span></a>

    </div>

    </div>


    3)运行效果


    logo7.png


    这样的话,就会形成一个按钮组,每个按钮上有不同的图标。


    4)设置按钮大小


     <button type="button" class="btn btn-default btn-lg">


    运行效果


    logo8.png


    <button type="button" class="btn btn-default btn-sx">


    运行效果


    logo9.png


    这就是设置按钮的大小,和我们的图标没有关系,图标放在按钮里面大小是自动的。


    3.输入框


    1)输入框实例


    <div class="col-sm-3 col-sm-offset-2">

    //首先给个div,这个div占三列并向左空两格。

    <div class="input-group">

    //表示输入框的一组,如果没有这一行那么图标和文本框是独立的,没有整体的效果。

    <span class="input-group-addon">

    //这是按钮前边的图标

    <span class="glyphicon glyphicon-education"></span>

    //span里面给一个图标样式

    </span>

    <input type="text" class="form-control" />

    //这里给一个文本框

    </div>

    2)运行效果


    logo10.png


    展开全文
  • ICON小图标

    千次阅读 2016-05-07 11:22:13
    相对单个小图标,它节省文件和服务器请求的次数 一般情况下,需要保存为PNG-24的文件格式 可以设计出丰富多彩的颜色图标 难点: 注意每个小图标的大小 小图标之间的距离 font+html灵活性:轻松地改变图标的颜色和...

    ICON

    • CSS Sprite
      • background-image,background-position(注意坐标,索引值重0开始)
      • 特点:
        • 相对单个小图标,它节省文件和服务器请求的次数
        • 一般情况下,需要保存为PNG-24的文件格式
        • 可以设计出丰富多彩的颜色图标
      • 难点:
        • 注意每个小图标的大小
        • 小图标之间的距离
    • font+html

      • 灵活性:轻松地改变图标的颜色和其他的CSS效果
      • 扩展性:改变图标的大小
      • 矢量性:缩放图标不会影响清晰度
      • 兼容性:字体图标支持所有现在浏览器
      • 本地使用:在不同的设计和编辑使用
      • 自己编辑图标:(http://flowerboys.cn/font

        • EOT:微软开发,IE专用
        • WOFF:被W3C推荐
        • TTF:Mac OS,WIN最常见一种字体
        • SVG:W3C开放标准的图形格式

            @font-face{
          font-family: "imooc-icon";
          src: url("../fonts/icomoon.eot"); /* IE9 兼容模式 */
          src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype")
               ,url("../fonts/icomoon.woff") format("woff")
               ,url("../fonts/icomoon.ttf") format("truetype")
               ,url("../fonts/icomoon.svg") format("svg");
          font-weight: normal;
          font-style: normal;
              }
    • font+css

          .icon-spinner:before {
              content: "\e600";
          }  实心
          .icon-heart:after {
              content: "\e602";
          }  空心
      
    • 对比:

      CSS Sprite font+html font+css
      原理 背景图片定位 @font-face
      兼容性 完美 完美
      颜色 丰富 单一
      缩放 失真 高清
      维护 困难 简单
    展开全文
  • 如果对某些小图标的样式不太满意,将鼠标放在小图标上面 点击编辑就可以修改样式了,然后点击下载 解压之后的目录是这样的 将iconfont.css放到你自己的css文件夹中,然后引入到你自己的项目中,在css文件夹...

    百度搜索阿里巴巴矢量图标库,将自己喜欢的小图标添加至购物车,点击购物车,点击添加至项目

    点击创建新项目

    这里就是我们即将使用的小图标喽

    如果对某些小图标的样式不太满意,将鼠标放在小图标上面

    点击编辑就可以修改样式了,然后点击下载

    解压之后的目录是这样的

    将iconfont.css放到你自己的css文件夹中,然后引入到你自己的项目中,在css文件夹同级目录下创建一个font文件夹,将上图中的iconfont.eot,iconfont.svg,iconfont.ttf,iconfont.woff这四个文件放进去

    然后修改iconfont.css样式,因为iconfont.css所属的文件夹和font文件夹是同级的,所以要在第2,3,5,6行加上../font/

    接下来说一下引入在html中引入css文件夹下面的iconfont.css

    因为我做的是vue项目,所以嵌套的比较深,但是套路都是一样的

    接下来就是使用了

    如果害怕样式重复的话,可以再加一个类名,但是不能删上面原有的东西,刚开始下载下来的东西上面是

    要使用哪个样式,就把哪个样式的名字复制下来,把上面的icon-xxx替换,一般我喜欢直接复制后面的

    接下来再说说团队使用小图标

    通常做项目都是团队,每个人负责一部分,如果要使用小图标的话,每个人下载一份这样来说不现实,每个人的需求也不一样,接下来教大家一个办法

    点击箭头,可以点击添加项目成员,(建议添加的时候项目成员同时在线,不然搜不到)。

    使用小图标有个不好的点,就是如果你下载的时候如果没下载全,项目什么的已经配置好,要添加新的小图标的话,加入购物车-> 添加至你原来的项目->下载->iconfont.css和font里的文件夹都要放入最新下载的

    展开全文
  • HTML 引用小图标

    千次阅读 2020-01-07 11:46:24
    阿里巴巴矢量图标库里有各种类型小图标,引用这些图标代替绘制或PS很方便。 阿里巴巴矢量图标库 将需要的图标加到自己项目里,会生成链接代码 <!DOCTYPE html> <html lang="en"> <head> <...
  • 如何给网页标题添加icon小图标

    万次阅读 热门讨论 2017-01-02 17:56:03
    今天给大家分享的是如何在网页标题中加入小图标,就像CSDN前面那个红色的C一样。主要介绍两种方法:1.在html文件的head部分添加下面代码(注意href的路径)。&lt;link rel="icon" type="image/x-...
  • 添加网页头部小图标

    千次阅读 2019-03-30 16:39:41
    一般来说,我们打开一个网站的时候,网页头部都会有一个小图标,一般是公司的logo,例如下面CSDN的例子: 添加这个小图标的方法很简单,只需要在html的<head>中填加一个如下形式的<link>标签即可: &...
  • input里添加小图标

    万次阅读 2017-11-11 11:49:31
    在input里面加入小图标
  • 小图标转换成字体图标代码 转自:https://jingyan.baidu.com/article/ea24bc39ddff7bda62b331b0.html
  • 设置网页title标签小图标

    万次阅读 多人点赞 2018-06-27 10:16:12
    第一次设置网页标签小图标,找了很多帖子方法都不管用。 有的说要放到网页根目录,有的说文件名必须要favicon.ico,有的说必须16x16。其实不必这么麻烦。 下面分享我用的方法(本地图片和cdn都是支持的): ...
  • title添加小图标

    2016-12-06 16:04:43
    网页title添加小图标 在网页title下添加 href是图标地址
  • svg制作小图标

    千次阅读 2019-02-17 06:59:56
    什么是svg svg(scalable vector graphics)可缩略矢量图形。视网膜屏下分辨率解决方案之一。比如在iphone设备下device...实际应用于背景图片,小图标的场景较多。 如果获取svg 既然svg常作为图标使用,那么如何复用...
  • 自定义网页头部前面小图标

    千次阅读 2017-03-19 18:41:38
    自定义网页头部前面小图标
  • 阿里字体小图标的使用

    千次阅读 2019-03-26 10:04:22
    字体小图标解决了我们这个问题。 我们这次就说说常见的阿里字体小图标的使用 官网地址:阿里字体小图标官网 使用步骤: 进入阿里字体小图标官网,注册登录(推荐使用微博登录,懒得注册) 搜索自己想要的图标...
  • HTML网页头部小图标

    千次阅读 2019-06-01 19:25:25
    HTML网页头部小图标 具体实现如下图: 实现语句: 结果:
  • css设置小图标

    千次阅读 2017-11-08 15:42:41
    通常我们在布局的时候都会遇到各种各样的小图标,类似于这样或者是这样 那么该如何放置这些小ico呢?有两种方法。第一种,创建一个小容器给小容器设置宽、高巴拉巴拉巴拉~然后将图片插进去或者设置成背景即可要插入...
  • icon 小图标

    千次阅读 2013-05-22 14:43:22
    icon 小图标 http://www.famfamfam.com/lab/icons/silk/
  • 获取网站url ico小图标

    千次阅读 2019-08-05 15:48:30
    如何获取网站 url ico 小图标
  • 小程序input框中加入小图标

    万次阅读 2018-06-17 17:44:41
    最近入坑小程序,要求在小程序的输入框中展示一个小图标,页面如下:然后按照,html页面中的做法,在input框中添加了background-image属性,出乎意料的事,小程序报了下边这样一个错误:emmmm 好像小程序的background-...
  • 网页Title小图标的添加

    千次阅读 2019-01-20 19:20:26
    《网页Title小图标的添加》 开发工具和关键技术:Adobe Dreamweaver CC 2017、网页Title小图标的添加 撰写时间:2019年1月16日 今天,和大家分享的技术是网页小知识。 首先,每个网页都有属于自己的Title小图标...
  • 精品小图标

    2009-06-24 17:58:00
    精品小图标
  • git文件没有绿色红色小图标

    万次阅读 2017-08-09 23:28:00
    git关联的的文件没有绿色、红色小图标 按步骤处理,然后重启电脑即可。 按Win+R键打开运行对话框,输入 regedit.exe ,准备修改注册表; 找到 HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\Current...
  • github 上的小图标看上去很炫酷 如何实现 基本格式如下https://img.shields.io/badge/{徽标标题}-{徽标内容}-{徽标颜色}.svg 一个 markdown 例子![example](https://img.shields.io/badge/example-v1.0-red.svg)...
  • EasyUI小图标设置

    千次阅读 2016-07-10 19:25:12
    从images中的大图定位小图标,写在css文件中,default.css中,添加,第一个图是0,0 每个大小是20px,

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 35,427
精华内容 14,170
关键字:

小图标