方法：
１．img法
２．background法
３．background合一法
４．font法
５．SVG法
６．新手慎用【CSS就是干】法
直接用img标签就可以。
好处：可以自适应，可以设置宽高。
用background背景图设置；
注意设置no-repeat；
好处，当div的宽高发生变化时，背景图不会随着它变化。
在css sprites（雪碧图）中应用，直接使用生成器就可以～
使用字体文件就可以。这个字体文件比较特殊是icon。
可以用html/css/js来分别实现
优先使用symbol
这三种的使用方法，查看iconfont
参考：cssicon.space
ps导出图层：
点击
复制图层
放在新文档
新文档
裁剪
导出
方法：１．img法２．background法３．background合一法４．font法５．SVG法６．新手慎用【...
ps切图 右键复制当前需要的图层，然后图像，裁剪，到处png放在页面中，记得调整宽或高的时候，只调整一个就好，因为...
PS做法 查看icon对应图层查看图层右键打勾查看说明：点击眼睛按钮，消失的就是对应图层；还有就是右键对应图标，打...
1. .psd 设计稿用Photoshop打开 .psd 设计稿文件，选中目标图层，右键选中 Dupl...
概述 icon 有很多做法，主要的做法有 img 标签 background-image 属性 CSS Sprit...
一、图片法（img） 这是我们常用的在页面中引用图片的方法 首先从设计师那里拿到设计稿（psd或图片），然后使用切...
需求：一个页面上有很多小图标 一，image 使用image来实现，要注意的问题： img的大小设置 img的ve...
在网页中有许多的icon，购物车，搜索...等等诸如此类，实现的方法也很简单，给一个元素设置背景图就可以实现了，然...
fontclass引用，最常见引用 1. 内容如下 @font-face {font-family: "iconf...
icon 的各种做法 img 法 background 法 background 合一法 font 法 SVG 法...
本文标题：icon的几种做法
本文链接：https://www.haomeiwen.com/subject/uvvsoftx.html
网友评论