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

CSS样式表
英文教程:五种CSS选择器类型
网页缓冲效果特效代码
CSS教程:CSS让网页文字自动隐藏
利用CSS在导航条上标示当前所在频道
CSS教程:网页无序列表标记的设计
.clear方法解决网页自适应高度的问题
CSS教程(7):网页段落行间距控制的实例
CSS教程(6):实例学习CSS如何控制网页文本
CSS教程(3):通过实例学习CSS背景
CSS教程(2):通过实例学习CSS背景
制作网页使用的CSS样式表错误排查方法
CSS Hack(Safari、Opera、Firefox3和IE7)
CSS教程:vlink,alink,link和a:link
CSS标示导航条当前所在频道
CSS制作网页时遇到BUG的解决方法
CSS教程:clip属性详细讲解
div层被flash层遮盖问题解决思路
CSS教程:CSS控制网页文字排版实例
Web标准建构的站点一览表
CSS实例:vertical-align属性让网页层居中

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 166 ::
收藏到网摘: 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