CSS圖片拼合生成器只需上傳zip包即可
更新時(shí)間:2007年12月04日 15:51:12 作者:
簡(jiǎn)單介紹下:CSS 圖片拼合 (CSS sprites) 可有效降低圖片文件的 HTTP 連接請(qǐng)求數(shù). 多個(gè)圖片將以一定間距合并為一個(gè)大圖片文件. 頁(yè)面中使用這些圖片的元素將利用 background-position 這一 CSS 屬性來(lái)顯示拼合圖片中的指定位置。這一技術(shù)可有效提升網(wǎng)站性能, 尤其是網(wǎng)頁(yè)上有眾多小圖片時(shí), 如許多菜單欄圖標(biāo).
這里有一篇Realazy的CSS Sprites技術(shù)詳細(xì)介紹,CSS Sprites被我生生譯成了CSS圖片拼合,希望大家不要抗議:P 有更好的譯法歡迎大家提出 ^^
下面給大家介紹個(gè)CSS圖片拼合生成器,將眾多小圖片打包成ZIP文件,上傳上去,即可自動(dòng)生成拼合后的圖片和CSS規(guī)則,還可以自定義背景色,是否背景透明,CSS選擇器的前后綴等,功能強(qiáng)大^ ^
呃,為什么要介紹呢?因?yàn)橹形慕缑媸俏曳g的,有任何更好的翻譯建議請(qǐng)?zhí)岢觥?
翻譯文本可以從Google Code上 http://cssspritegeneratorchinese.googlecode.com/svn/ 位置檢出。
http://spritegen.website-performance.org/?action=home&lang=cn
這里有一篇Realazy的CSS Sprites技術(shù)詳細(xì)介紹,CSS Sprites被我生生譯成了CSS圖片拼合,希望大家不要抗議:P 有更好的譯法歡迎大家提出 ^^
下面給大家介紹個(gè)CSS圖片拼合生成器,將眾多小圖片打包成ZIP文件,上傳上去,即可自動(dòng)生成拼合后的圖片和CSS規(guī)則,還可以自定義背景色,是否背景透明,CSS選擇器的前后綴等,功能強(qiáng)大^ ^
呃,為什么要介紹呢?因?yàn)橹形慕缑媸俏曳g的,有任何更好的翻譯建議請(qǐng)?zhí)岢觥?
翻譯文本可以從Google Code上 http://cssspritegeneratorchinese.googlecode.com/svn/ 位置檢出。
http://spritegen.website-performance.org/?action=home&lang=cn
相關(guān)文章
三個(gè)不常見(jiàn)的 HTML5 實(shí)用新特性簡(jiǎn)介
都已經(jīng)到了 2014 年了,再來(lái)說(shuō) HTML5 的新特性,實(shí)在是夠晚了,不過(guò)這幾個(gè)在介紹 HTML5 的書上很少見(jiàn)到,但又可以方便的應(yīng)用在自己的網(wǎng)站上,所以特地來(lái)介紹一下2014-03-03
CSS Div 最小高度在IE 6 和IE 7中的兼容性問(wèn)題
CSS Div 最小高度在IE 6 和IE 7中的兼容性問(wèn)題...2007-04-04
從Table向Css過(guò)渡的優(yōu)缺點(diǎn)比較
從Table向Css過(guò)渡的優(yōu)缺點(diǎn)比較...2007-02-02
激發(fā)你的靈感:50個(gè)優(yōu)秀的Favicons
激發(fā)你的靈感:50個(gè)優(yōu)秀的Favicons...2007-02-02
引用字體時(shí)圖標(biāo)無(wú)法顯示_字體文件不存在問(wèn)題
最近一個(gè)項(xiàng)目,css,js等靜態(tài)資源做了cdn部署,瀏覽網(wǎng)站時(shí)發(fā)現(xiàn)font?awesome字體圖標(biāo)通通不能正常顯示。只有一些奇怪的符號(hào)。瀏覽器控制臺(tái)報(bào)錯(cuò)信息:font-face引用字體跨域。2023-06-06

