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

CSS样式表
网页设计中谨慎使用CSS sprites
CSS教程:清除浮动方法大全
CSS教程:伪清除浮动
网页布局教程:边距和绝对定位
CSS教程:论CSS选择器的浏览器支持
如何在CSS中设定文本的尺寸
CSS网页布局应该避免滥用div元素
CSS教程:CSS定位属性
CSS网页布局教程:层叠加的5条原则
css字体设置(不同浏览器设置效果)
CSS教程:15个必须阅读的CSS入门文章
IE6下注释引起的文字溢出和浮动错位
CSS教程:语义化标记抛弃DIV标记
不再使用class和id进行网页布局
利用CSS3定位页面元素
CSS网页布局实例:三栏等高布局
CSS实例:日期垂直排列的两种技巧
css教程:font-size属性
CSS教程:认真学习haslayout
CSS教程:认识CSS初始化(重设浏览器的样式)

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


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