㈠ web前端开发怎么使用icon
先,上阿里巴巴矢量图标库,注册账号,从里边选择自己想要的图标,或者自己制作再上传,然后存储为项目,从"图标管理">"项目图标管理"获取在线连接,添加到网站css样式里,注意要加全了,链接要对,然后就可以在前端使用了,
调用的话<i class="iconfont"></i>这样,网页上显示出来的就是图中最下边框出来的那个微信的图标了,
㈡ 前端页面上下各有两个图标，用js实现单击下面的图标，然后就会在上面的图标位置后面增加一个下面的图标
可以隐藏起来，点击时出现，也可以创建一个图标添加进去
㈢ html中如何设置浏览器中标题前的logo
在<head></head>标签之间输入
<link rel="icon" href="图片位置" type="image/x-icon"/>
或者用favicon表示：
规格有32×32、48×48、64×64、128×128，直接用PS做一个图片，命名为favicon.ico，然后用FTP软件上传到网站根目录替换原来的文件即可，如果不想用FTP软件，也可以在网站的后台进行更换。
Favicon是favorites icon的缩写，亦被称为website icon（网页图标）、page icon（页面图标）或urlicon（URL图标）。Favicon是与某个网站或网页相关联的图标。
(3)前端图标扩展阅读
关于favicon图标的用途
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,比如下面的网络的logo， 目前主要的浏览器都支持favicon.ico图标 。
1、生成图标ico
很多网站都支持在线将图片转成ico格式,图片的大小一般是几百k左右
在线生成ico
㈣ 网页前面的图标怎么改
1、第一步，准备一个图标制作软件。
首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到下载一个ico图标工具,本站常用软件既有,推荐强大的Microangelo,可以方便的制作ico图标.汉化修正版下载地址：http://www.skycn.com/soft/2478.html
第二步，确定“收藏夹”图标的规格。
在收藏夹里出现的是16*16；所使用的颜色最好成绩不要超过16色。（为了清晰）,如果你不清楚可以在C盘查找*.ico格式的图标,应该能在IE缓存里找到那些网站的图标,你可以打开这些图标就可以知道该用什么格式的了,跟人家的一样就行。
第三步，设计一个属于您自己的图标。
你可以将您的网站的LOGO做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之，它一定要是属于您自己的，并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为：favicon.ico(注意,需要命名为这个文件名方可)。可以制作的醒目些。
例如用一个本机上的图标文件改一下吧。从本机上搜索一个文件，复制到桌面。用Microangelo打开，修改成16*16，使用256色吧,另存为favicon.ico。
最后，只需要将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。(也就是你的主页index.html所在的那个文件夹)您不需要对您的网页文件作任何的修改，IE5会自动的不停的搜索您的网站的根目录，只要它一发现了favicon.ico 这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。
如果您希望为不同的页面设置不同的“收藏夹”图标，那么您就需要在该网页文件的HEAD部分加入下面的内容:
<link rel=\"shortcut icon\"href=\"http://www.net/myicon.ico\">
注意：该图标的路径一定要使用绝对路径。
2、第二种方法:在首页HTML文件中，加入link命令，<link>是放在<head>与</head>之间
例如下面这样：
<HEAD>
<link rel = "Shortcut Icon" href=http://www.fsyk.net/favicon.ico>
</HEAD>
其中的href="http://www.fsyk.net/favicon.ico（只是一个例子，你只要将他替换成你的网址）将favicon.ico替换成你制作的ICO文件名即可
这样只有当网友把你的网站加到Internet Explorer的收藏夹中并重新打开Internet Explorer浏览器之后，你自行制作的图标才会显示出来。
㈤ 如何提取网址前端的图标
你要的是不是网站上的logo呢?
如果是logo的话
你把鼠标移动那张图片上
应该会出现一个四个图片选项,然后你选择保存就可以.
如果不行,
还是把鼠标移动到图片上,右击
在快捷菜单里,选择图片令存为,应该可以保存.
(值得一试,经验,不知道能不能给你一些帮助.)
㈥ 怎么设置浏览器窗口的网站logo，我说的是网页前端
网站上的logo实际上是一个“favicon.ico”图片。
实现步骤：
第一步：制作favicon.ico，大小为16*16毫米；
第二步：将“favicon.ico”放到项目的根路径下。
第三步：在所有html页面head中添加如下代码。
//收藏用logo图标
<link rel="bookmark" type="image/x-icon" href="favicon.ico"/>
//网站显示页logo图标
<link rel="shortcut icon" href="favicon.ico">
第四步：直接打开html页面，打开方式为常用的浏览器即可。
㈦ 前端开发中，有哪些可以展现图标的方案
前端开发中,常见的图标展现方案
1. 最简单的还是图片，图片
这个方案是使用最广的方案，简单有效。jQuery UI使用的就是这样的方案。jQuery UI是把所有需要用到的小图标放置在一张大的sprite图片中。
2. 使用Web Fonts
通过Web Font技术来构建小图标是目前使用最广泛的代替普通图片的方案。
3. 使用SVG
SVG是一种基于XML的图形格式。这是一种可缩放的矢量图形。SVG是由W3C制定的标准，在2003年成为了W3C的推荐标准。相比较其他的图像格式，SVG的优势在于：SVG可以被很多工具读取和修改、SVG的尺寸更小、SVG图像在任何的分辨率下都可以高质量地打印。
4. 纯CSS生成图标
随着CSS的不断发展，使用CSS不仅仅可以产生一些四四方方的线框效果，同时可以产生一些曲线和倾斜效果。
以上就是我们在网页中常见的图标构建技术。在实际的使用中需要结合浏览器兼容来选择合适的方案。
㈧ 在HTML里这种前面的图标是怎么搞出来的
属于字体图标，Iconfont，详情可百
㈨ css列表前面加背景小图标
你可以用css hack来单独定义谷歌和火狐，
谷歌的写法@media screen and (-webkit-min-device-pixel-ratio:0) { .nav{padding:10px}
}
火狐的写法.nav{-moz-padding:10px}
根据你的去写下试试，应改会是ok的，以后只要存在浏览器的兼容性问题，都用这个方法解决很实用，也很方便
㈩ 网站前面的图标是怎么弄的
在<head><head>标记之间输入
<link rel=“icon”href=“picture location”type=“image/x-icon”/>
或者用favicon来表示：
规格为32×32、48×48、64×64、128×128。直接使用PS作为图片，命名为favicon．ico，然后使用FTP软件上传到网站的根目录，替换原始文件。如果你不想使用FTP软件，你也可以在网站的后台替换它。
(10)前端图标扩展阅读：
关于favicon图标的使用
Favicon．ico通常用作网站的缩写徽标，显示在地址栏或浏览器的标签上，用于显示网站的徽标，如下面的网络徽标。目前，主流浏览器支持favicon．ico图标。
一。生成图标ico
许多网站支持图片在线转换成ICO格式，图片大小通常在几十万左右
在线生成ICO
2。以HTML格式设置
成功生成favicon．ico图像文件后，浏览器将自动弹出压缩文件
将favicon．ico映像放入根目录（或其他目录）中的压缩文件中
在页面源文件的<head><head>标记之间插入
<head>
．．．
<link rel=“快捷方式图标”ref=“/favicon.ico”/>
</head>
在href中指向ICO图片的路径