免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

圖片整合也就是csssprite的用法

2023-05-06    分類: 網(wǎng)站建設(shè)

說到css sprite可能很多站長都不知道是什么,但是要說圖片整合很多站長一定是知道的,其實(shí)就是把一些零星的小圖都包含在一張大圖中,然后在利用背景圖定位“background-image”,“background-repeat”,“background-position”這些組合進(jìn)行定位,量好坐標(biāo)就可以了。

我們做為什么要做這個(gè)呢,好處在哪,其實(shí)主要是為了網(wǎng)站的加載速度快點(diǎn)兒,咱們用客戶端打開網(wǎng)頁的時(shí)候每顯示一些信息客戶端都得向服務(wù)器發(fā)送請求,信息量越大那么延遲就越久。
圖片整合的好處并不是只有這么一點(diǎn)。通過百度百科我們來分析一下:
首先跟換網(wǎng)站風(fēng)格比較方便,只需要改變圖片顏色或是樣式就搞定了,維護(hù)非常方便
它還可以減少圖片的大小,你可以試一下整合起來的圖片和零散的圖片,整合起來的圖片大小一定是小于這三張圖片的字節(jié)總和 的。而且還能解決切圖過程中命名的問題哦。N個(gè)圖片使用一個(gè)名字就OK。 不需要對每個(gè)圖片都進(jìn)行命名,從而提高了網(wǎng)頁的制作效率。
減少來自網(wǎng)頁的http請求,提高頁面的性能,這是他大的優(yōu)點(diǎn),也是其被廣泛傳播和應(yīng)用的主要原因。
當(dāng)然,沒有什么是好的,所以它也有他的缺點(diǎn)
先進(jìn)就是位置的問題,當(dāng)時(shí)我在學(xué)習(xí)的時(shí)候定位總弄不明白,費(fèi)了很大的力氣。一旦你搞懂了就沒什么難度了,小菜!
如果要是改動背景的話比較麻煩,需要改動css。
為了防止以后會修改,大小不定,所以一定要留好足夠的空間,要不然就悲催了,還有如果是自適應(yīng)的頁面如果你的圖片大小不夠還容易出現(xiàn)背景斷裂。
總的來說利還是大于弊的!

網(wǎng)頁題目:圖片整合也就是csssprite的用法
轉(zhuǎn)載來于:http://m.newbst.com/news18/258318.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google做網(wǎng)站網(wǎng)站營銷響應(yīng)式網(wǎng)站搜索引擎優(yōu)化面包屑導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站