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

CSS样式表
line-height使文本居中的3像素bug问题
IE8.0Beta比较不错的功能:WebSlices
IE8、IE7、IE6、FF简单的CSS HACK测试
Web前端开发的Firefox插件
CSS3教程:background-clip和background-origin
CSS教程:使用ul进行网页的多列布局
CSS盒模型制定网页的宽度和高度的原理
CSS:何制作一个向各个方向延展box?
CSS高级技巧:CSS Sprites
CSS高级技巧:图片替换
CSS高级技巧:文字环绕图片
CSS样式表教程:screen媒体类型的作用
css教程:美化网页段落的排版
网页注册表单的网页设计技巧
CSS控制表格文字样式的研究
dl,dt,dd,ul,li,ol区别及应用
英文教程:鼠标悬停(hover)效果
CSS制作的三款漂亮的网页表单
CSS教程:行高line-height属性(2)
CSS:闭合元素和浮动元素的差别

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


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