css精靈 最新更新|軟件分類|軟件專題|手機(jī)版|論壇轉(zhuǎn)貼|軟件發(fā)布

您當(dāng)前所在位置:首頁(yè)網(wǎng)絡(luò)軟件主頁(yè)制作 → css sprites 樣式生成工具 v3.2.1 免費(fèi)版

css sprites 樣式生成工具

v3.2.1 免費(fèi)版

css sprites 樣式生成工具
  • 軟件大。482KB
  • 軟件語(yǔ)言:中文
  • 軟件類型:國(guó)產(chǎn)軟件 / 主頁(yè)制作
  • 軟件授權(quán):免費(fèi)軟件
  • 更新時(shí)間:2016-07-30 11:56
  • 軟件等級(jí):5星
  • 應(yīng)用平臺(tái):WinAll, WinXP
  • 軟件官網(wǎng):

ITMOP本地下載文件大。482KB

點(diǎn)贊好評(píng)0%(0) 差評(píng)差評(píng)0%(0)

軟件介紹人氣軟件精品推薦相關(guān)文章網(wǎng)友評(píng)論下載地址

小編為您推薦:cssCSS精靈生成工具

CSS Sprites(圖片合并)技術(shù),簡(jiǎn)單的說就是利用CSS的background-position屬性,控制顯示一張大圖片的顯示區(qū)域。

應(yīng)用介紹

css sprites樣式生成工具主要功能是減少使用CSS Sprites技術(shù)時(shí)測(cè)量坐標(biāo)及填寫background-position定位這部分重復(fù)而枯燥的時(shí)間,提高工作效率。

CSS Sprites其實(shí)就是把網(wǎng)頁(yè)中一些背景圖片整合到一張圖片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的組合進(jìn)行背景定位,background-position可以用數(shù)字能精確的定位出背景圖片的位置。

使用方法

1.點(diǎn)擊“文件” - “添加圖片”,選擇多幅圖片文件;

2.工作區(qū)內(nèi)圖片,可以拖動(dòng)圖片來調(diào)整位置;

3.可以通過雙擊圖片,來修改圖片的相關(guān)信息;

4.可以通過“設(shè)置” - “生成設(shè)置”來調(diào)整生成圖片質(zhì)量與文件名稱;

5.點(diǎn)“生成”,生成圖片和網(wǎng)頁(yè)文件;

6.點(diǎn)擊要?jiǎng)h除的圖片文件,按鍵盤上的“Delete”即可。

CSS Sprites簡(jiǎn)介

加速的關(guān)鍵,不是降低質(zhì)量,而是減少個(gè)數(shù)。傳統(tǒng)切圖講究精細(xì),圖片規(guī)格越小越好,重量越小越好,其實(shí)規(guī)格大小無所謂,計(jì)算機(jī)統(tǒng)一都按byte計(jì)算?蛻舳嗣匡@示一張圖片都會(huì)向服務(wù)器發(fā)送請(qǐng)求。所以,圖片越多請(qǐng)求次數(shù)越多,造成延遲的可能性也就越大。

CSS Sprites原理

CSS Sprites其實(shí)就是把網(wǎng)頁(yè)中一些背景圖片整合到一張圖片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的組合進(jìn)行背景定位,background-position可以用數(shù)字精確的定位出背景圖片的位置。

更多>>軟件截圖

推薦軟件

其他版本下載

    精品推薦

    相關(guān)文章

    下載地址

    • css sprites 生成工具 v3.2.1

    查看所有評(píng)論>>網(wǎng)友評(píng)論

    發(fā)表評(píng)論

    (您的評(píng)論需要經(jīng)過審核才能顯示) 網(wǎng)友粉絲QQ群號(hào):203046401

    查看所有0條評(píng)論>>

    更多>>猜你喜歡