常用网页小图标加载方式：
1、 css sprite方式，即将多个小图标放置在一张大图上，然后通过background-image/background-position 来进行绝对布局。要注意的是要确保每个小图标大小一致。 【优势，相对于多个小图标分开请求传输效率更高，方便管理】
2、html + font
3、css + font
老糊涂
- 浏览: 170706 次
- 性别:
- 来自: 西安
-
文章分类
- 全部博客 (163)
- POI (8)
- Collection容器 (1)
- java.util (2)
- java调用批处理 (1)
- xml (1)
- jfreechart (3)
- SVN (1)
- tomcat中文 (1)
- jquery (6)
- Log4j (1)
- ppt (1)
- js (48)
- ss (1)
- 综合 (1)
- Spring (2)
- 数据库 (6)
- tomcat (1)
- commons-lang包使用 (1)
- AJAX【Jquery】 (3)
- RMI (2)
- OpenLayers (25)
- html (20)
- css (25)
- Google地图 (2)
- java (1)
- Ibatis (1)
- GoogleMaps (1)
- J2EE (2)
- 软件设计 (1)
- 服务器 (1)
- html5 (4)
- cursor (1)
- AngularJs (5)
- 缓存 (1)
- 构建 (2)
- 域名、空间、服务器 (1)
分享到：
发表评论
-
css属性选择器
2017-01-08 15:11 523<!DOCTYPE html> ... -
css实现div水平、垂直都能充满整个屏幕
2015-07-12 16:15 1102@charset "UTF-8"; ... -
CSS兼容IE的透明度设置
2015-06-30 07:40 669opacity:1; filter:alpha(opac ... -
clip:rect实现图片裁剪
2015-06-19 08:18 686<html> <head> &l ... -
css实现网页全屏显示
2015-05-07 07:35 603<html> <head> ... -
js实现div拖动
2015-02-02 22:41 437写道 http://blog.csdn.net/not ... -
Js 载入时选中文字的实现代码，需要的朋友可以参考下
2014-11-26 00:09 628<script type="text/jav ... -
CSS禁止文字选择
2014-11-25 23:28 774CSS禁止文字选择 2013-01-15 1 ... -
display:inline
2014-10-28 23:53 647<!DOCTYPE html> <htm ... -
HTML5
2014-10-17 01:11 564http://www.w3schools.com/html/h ... -
CSS 平级和儿子级样式写法
2014-09-21 23:27 1704写道 input:checked+ol:这个是讲当inop ... -
html5制作loading图
2014-08-24 19:27 790<!DOCTYPE html> <htm ... -
设置网页在浏览器中的图标
2014-08-24 18:05 823<link rel="shortcut ic ... -
CSS初始化代码
2014-08-24 17:09 746为什么要初始化CSS？ CSS初始化是指重设浏览器的样式。 ... -
html中meta标签实现页面自动刷新跳转
2014-08-24 17:08 930<!DOCTYPE HTML> <htm ... -
搜索框默认值处理
2014-05-20 00:44 1022<input name="keywords& ... -
自定义鼠标样式
2014-04-25 00:42 809IE版本处理 写道 http://blog.csdn.n ... -
网页代码常用小技巧
2014-04-25 00:03 16521. oncontextmenu="window. ... -
cursor style
2014-04-23 13:32 629cursor说明 写道 Cursor:url()的使用 ... -
onmouseover="this.className='bb'这样也可以
2014-03-08 20:27 1046<html> <head> ...
相关推荐
css sprite示例源码
CSS Sprite自动生成工具是一款可以导入CSS背景图片，就可以自动生成CSS sprite代码和一张整的CSS 贴图图片的工具，工具小巧方便，精确到1px，网格吸附。非常方便制作CSS sprite贴图。
css sprite雪碧图生成小工具 v4.3 css sprite 雪碧图生成小程序,已在github上开源，地址：https://github.com/iwangx/sprite ,请需要的朋友注意版本更新
Sketch-CSS-Sprite-Mixin, 在草图中，生成一个 CSS Sprite Mixin到剪贴板的代码 绘制 CSS Sprite MixinSketch中生成 scss，LESS 和手写笔的mixin的代码。 运行插件时，代码被复制到剪贴板。子画面名称是顶级图层名，...
演示CSS中Sprite技术的应用,这是一种减少与服务器连接次数的好方法，能够适当提高服务器的响应能力，特别是高并发的网站。
该工具可以自动生成css sprite在应用background-position的参数
雪碧图工具CssSprite.exe 快速生成雪碧图及代码的工具，很好使
css sprite 雪碧图生成小程序,已在github上开源，地址：https://github.com/iwangx/sprite
Stitches 是一个 HTML5 sprite 样式创建工具，可以将多个图片合并成一个，并给出 sprite 样式。 标签：Stitches
css精灵图生成软件，自动生成，并给出小图的backgrount-positon的值。比较好用
CST CSS图片拼合定位工具
用于制作图片的整合。对一些标签和icon进行图片的整合。
CssSprite雪碧图制作工具 优点：简单好用
CssSprite.zip
当图片数量较多，而且搭配合理的情况下，可以有效地提升网页速度；另外，借助 CSS sprite 的特性可以进行图片提前加载处理。
NULL 博文链接：https://cd-ui.iteye.com/blog/1718434
CssSprite是一款很好用的小图合并工具，能自动生成CSS代码，导入小图就可以直接用了~