<table id="nejre"></table>
<sub id="nejre"></sub>

            <nobr id="nejre"><progress id="nejre"><sub id="nejre"></sub></progress></nobr>
              1. <nav id="nejre"></nav>

                ?
                當前位置:首頁 > 產品服務 > 網站優化 >

                在宿遷網站建設中css sprite的妙用

                發布時間:2012-09-11 03:27:30  |  來源:宿遷052745網絡  |  作者:泗洪網站建設  |  點擊:

                很多的站長可能都并不是很清楚css sprite是什么?但在 過程中一定接觸過或使用過,那么接下來就說說什么在網站制作 當中什么是css sprite?。CSS Sprites在國內很多人叫css精靈,是一種網頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去,再利用CSS的“background-image”,“background-repeat”,“background-position”的組合進行背景定位,調取你要的圖標到指定的位置。

                做這些的好處就是能夠加快網站的加載速度,因為在客戶端打開網頁每顯示一些信息都會向服務器端發送請求,信息量越大,從而造成的延遲可能性就越大。
                當然CSS Sprites的優點遠不止于此。下面我們來分享一下來自百度百科中CSS Sprites的優點:

                1、更換風格方便,只需要在一張或少張圖片上修改圖片的顏色或樣式,整個網頁的風格就可以改變。維護起來更加方便。

                2、CSS Sprites能減少圖片的字節,曾經比較過多次3張圖片合并成1張圖片的字節總是小于這3張圖片的字節總和。 解決了網頁設計師在圖片命名上的困擾,只需對一張集合的圖片上命名就可以了,不需要對每一個小元素進行命名,從而提高了網頁的制作效率。

                3、利用CSS Sprites能很好地減少了網頁的http請求,從而大大的提高了頁面的性能,這也是CSS Sprites最大的優點,也是其被廣泛傳播和應用的主要原因。

                凡事有優點當然也少不了缺點,CSS Sprites的缺點如下:

                (1).CSS Sprites在開發的時候比較麻煩,你要通過photoshop或其他工具測量計算每一個背景單元的精確位置,這是針線活,沒什么難度,但是很繁瑣。

                (2).CSS Sprites在維護的時候比較麻煩,如果頁面背景有少許改動,一般就要改這張合并的圖片,無需改的地方最好不要動,這樣難免改動更多的css,如果在原來的地方放不下,又只能(最好)往下加圖片,這樣圖片的字節就增加了,還要改動css。

                (3)在圖片合并的時候,你要把多張圖片有序的合理的合并成一張圖片,還要留好足夠的空間,防止板塊內不會出現不必要的背景;這些還好,最痛苦的是在寬屏,高分辨率的屏幕下的自適應頁面,你的圖片如果不夠寬,很容易出現背景斷裂。





                相關熱詞搜索:宿遷 網站建設 sprite
                相關文檔下載:DOC文檔下載 PDF文檔下載

                上一篇:避免走進網站優化誤區需要制定可控的網站優化方案
                下一篇:做好5點,讓百度快照能有一個良好的更新

                www.xdssemi.com
                cfa一级二级三级哪个高,高H短篇辣肉纯肉,波多野吉依超清无码中文
                <table id="nejre"></table>
                <sub id="nejre"></sub>

                        <nobr id="nejre"><progress id="nejre"><sub id="nejre"></sub></progress></nobr>
                          1. <nav id="nejre"></nav>