当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS图片拼合生成器只需上传zip包即可

CSS样式表
Class与ID区别 margin和padding区别 CSS学习笔记
鼠标滑过缩略图时放大图片(纯Css)
网页中经常用到的Metas, Links and DocTypes集合
修正IE下使用CSS属性overflow的bug
xhtml+css制作不规则导航
CSS规则层叠时的优先级算法
CSS规则层叠的应用 css必须要注意的几点
CSS Hack收集汇总
line-block的运用最小宽度的设置
IE对CSS样式表的限制分析与解决方案
全国哀悼日网站页面变成灰色的filter方法
css滤镜实现页面灰色黑白色效果代码
用CSS开发时髦的导航栏图例教程
用CSS开发时髦的导航栏第二篇
CSS渐变文本效果的两种方法比较
提高CSS文件可维护性的五种方法总结
css Sprites小实例代码
美化html段落文本 Ⅰ
html页面中图像格式的选用之我见
DIV+CSS实现的滑动门菜单特效代码

CSS样式表 中的 CSS图片拼合生成器只需上传zip包即可


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 152 ::
收藏到网摘: n/a

简单介绍下:CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数. 多个图片将以一定间距合并为一个大图片文件. 页面中使用这些图片的元素将利用 background-position 这一 CSS 属性来显示拼合图片中的指定位置。这一技术可有效提升网站性能, 尤其是网页上有众多小图片时, 如许多菜单栏图标.
这里有一篇Realazy的CSS Sprites技术详细介绍,CSS Sprites被我生生译成了CSS图片拼合,希望大家不要抗议:P 有更好的译法欢迎大家提出 ^^
下面给大家介绍个CSS图片拼合生成器,将众多小图片打包成ZIP文件,上传上去,即可自动生成拼合后的图片和CSS规则,还可以自定义背景色,是否背景透明,CSS选择器的前后缀等,功能强大^ ^
呃,为什么要介绍呢?因为中文界面是我翻译的,有任何更好的翻译建议请提出。
翻译文本可以从Google Code上 http://cssspritegeneratorchinese.googlecode.com/svn/ 位置检出。
http://spritegen.website-performance.org/?action=home&lang=cn