-
color:#efe0ce(土豪金）#ef7073(脑残粉)#78ade3（蓝）#eae77f #3c3c3c查看全部
-
一、CSS Sprite:把小图标放在一张背景图上，通过background-img，定位获得 优点：减少http请求，提高效率 知识点：background-img；background-position；查看全部
-
CSS Sprite font+html font+css 在网页中画小图标的3种方法对比查看全部
-
1.解决在IE6-IE8下不显示小图标的办法，eot后面加?#iefix 或只加一个？（起作用的就是？） 2. 在IE9兼容模式下：url("../fonts/icomoon.eot") 再写一遍 3.优化 抗锯齿 ： -webkit-font-smoothing:antialiased; 在火狐浏览器，和os下 -moz-osx-font-smoothing:grayscale;查看全部
-
在html中输入16进制，需要在数字前加&#x,如查看全部
-
各个字体格式对应的format查看全部
-
字体文件格式查看全部
-
IcoMoon图标神器查看全部
-
使用Icon Fonts的优点查看全部
-
小图标索position的计算方法：索引值*小图标的高度查看全部
-
会使用CSS Sprite要知道的知识点查看全部
-
什么叫CSS Sprite(CSS雪碧或CSS精灵)查看全部
-
优点啊啊查看全部
-
网站中小图标实现方法： 一、CSS Sprite:把小图标放在一张背景图上，通过background-img，定位获得 优点：减少http请求，提高效率 知识点：background-img；background-position； 特点： 1、相对单个小图标，他节省文件体积和服务器请求次数 2、一般情况下，你需要保存为PNG-24的文件格式 3、可以设计出丰富多彩的颜色图标 难点： 1、你需要预先确定每个小图标的大小； 2、注意小图标与小图标之间的距离； 3、细心 + 耐心 二、font + HTML:用字体在网页中画icon小图标 优点： 1、灵活性：轻松改变图标的颜色和其他css效果 2、可扩展：改变图标大小，就像改变字体大小一样容易 3、矢量性：图标是矢量的，与像像素无关，缩放图标不会影响清晰度 4、兼容性：字体图标支持所有现代浏览器（包括糟糕的IE6） 5、本地使用：通过添加定制字体到您的本地系统，你可以在各种不同的设计和编辑应用程序中使用它们 推荐icon库：https://iconmoon.io 免费图标 免费的应用程序 三、font + CSS:查看全部
-
src: url("../fonts/icomoon.eot);/*为了解决IE9兼容模式下无法显示图标字体*/ src: url("../fonts/icomoon.eot?#iefix);/*"?"是为了解决IE下无法显示图标字体，"#iefix"只是为了标识说明，真正起作用的是"?"*/ -webkit-font-smoothing: antialiased; -moz-osxfont-smoothing: grayscale; 这两行是设置字体的抗锯齿属性查看全部
举报
0/150
提交
取消