网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

标题	一种比CSS-Sprite更加方便在网页中嵌入大量图标的方法
内容	这种思路是在一个国外的网站上发现的，设计者在网站中使用了很多小图标，但是并没有使用CSS-Sprite技术，而是使用了另外一种特殊的办法。那就是css3的font-face技术载入了一个自己做的字体文件，在需要显示的地方直接打上调用的字符。     这种办法只适用于大量纯色，至于数量貌似没有上限，a-z+0-9+符号就够用了，狠一点，插入中文，动辄几千个单位…     font-face图标 VS CSS-Sprite图标          一种比CSS-Sprite更加方便在网页中嵌入大量图标的方法 三联     他们同样是把N多个图标合并到一次HTTP请求中，CSS-Sprite是我们经常用的方法，它几乎可以把所有不需要平铺的图片全部放进去，然后来定位。     而CSS-Sprite的弊端就是定位，想朽木这样做前端的，几乎天天跟background-position打交道，XY一个像素也不能差，虽说有这方面的工具，但是工作量还是放大了好几倍。     而font-face则不需要定位，只要对照着字体编辑器，就可以知道哪个字符对应的哪个图标。使用起来非常方便     <style type="text/css" media="screen">     <!--     i{font-family:'自定义字体名字';color:#000;}     i:hover{color:#0f0;}     -->     </style>     <div>     <li><i>A</i>某某某</li>     <li><i>B</i>某某某</li>     <li><i>C</i>某某某</li>     </div>     A/B/C就会自动变成我们字体中所对应的图标，怎么样，很方便吧，但是font-face有局限性，就是必须是纯色图标，因为字体只能给它附加color属性来改变颜色。     从维护方面来说，font-face方法要方便的多，更换/添加/图标非常容易，而CSS-Sprite则不太容易管理，特别是图片和大小都要变更的时候。
随便看	贵州省人防工程质量监督站2011年公开招考工作人员面试、总成绩及进入体检人员名单公告 关于民政局体检问题 黔南州惠水县2011年面向社会公开招聘事业单位工作人员领导小组公告（第15号） 成都市锦江区关于2011年公开招聘事业单位工作人员笔试成绩及排名和资格复审相关事项的公告 广元市土地房屋征收拆迁办公室关于公开选调文秘和档案管理工作人员的公告 广元市交通运输局公开招聘运政协助执法人员的公告 黔东南州雷山县事业单位2011年第二次公开招聘工作人员简章 黔东南州雷山县事业单位2011年公开招聘工作人员拟聘人员名单公示 黔南州瓮安县关于2011年面向社会公开招聘事业单位工作人员面试有关问题的通知 黔南州瓮安县2011年面向社会公开招聘事业单位工作人员笔试成绩公布 黔东南州黎平县2011年第二批面向社会公开招聘事业单位工作人员简章 铜仁地区印江自治县2011年事业单位公开招聘工作人员有关事项说明 2011年下半年红河州事业单位报考问题 红河州蒙自市下半年事业单位考试题型问题 重庆市合川区2011年第四季度公开招聘事业单位工作人员简章 重庆市财政局关于2011年下半年公开招聘事业单位工作人员成绩公示及面试有关事宜的说明 泸州市纳溪区人力资源和社会保障局关于2011年下半年事业单位公开考试招聘工作人员的公告 泸州市纳溪区人力资源和社会保障局关于选调机关事业单位工作人员的公告 蒙自事业单位考试 贵阳市修文县2011年公开招聘事业单位工作人员简章 在国有企业上班是在职人员吗？需要同意报考证明吗? 今年昭通会有教师补录考试吗？ 自贡市关于市属事业单位二○一一年公开考试补充工作人员考试总成绩及体检人员名单的公告 自贡市文化新闻出版局关于2011年公开考试补充艺术专业人员的公告 感谢 triple-play triple point triple-point triplet triplet codon triplet-codon triple therapy triple threat triple threat triple-threat 赀 赁 赂 赃 资 赅 赆 赇 赈 赉 教育系统财务工作会议主持词 工地财务人员上半年工作总结 在XSLT样式表中声明命名空间小结 用javascript操作xml方法与技巧 HTML head 头标签详细介绍 XML HTML的区别 如何让Flash不遮挡HTML div元素的技巧 通过html为FLASH加链接的实现代码(div层) 利用HTML、CSS 实现带表情的评论框的制作教程 html禁止清除input文本输入缓存的两种方法

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。