CSS Sprite的相關概念

2022-09-02 05:00:08 字數 1385 閱讀 2011

1、什麼是css sprite

2、css sprite的優點

3、css sprite的缺點

4、css sprite的使用

1.1、css sprites在國內很多人叫css精靈,是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言,不高於200kb的單張的所需載入時間基本是差不多的,所以無需顧忌這個問題。

1.2、加速的關鍵,不是降低質量,而是減少個數。傳統切圖講究精細,規格越小越好,重量越小越好,其實規格大小無所謂,計算機統一都按byte計算。客戶端每顯示一張都會向伺服器傳送請求。所以,越多請求次數越多,造成延遲的可能性也就越大。

1.3、css sprites其實就是把網頁中一些背景整合到一張檔案中,再利用css的「background-image」,「background- repeat」,「background-position」的組合進行背景定位,background-position可以用數字精確的定位出背景的位置。

2.1、利用css sprites能很好地減少網頁的http請求,從而大大的提高頁面的效能,這也是css sprites最大的優點,也是其被廣泛傳播和應用的主要原因;

2.2、css sprites能減少的位元組,曾經比較過多次3張合併成1張的位元組總是小於這3張的位元組總和。

2.3、解決了網頁設計師在命名上的困擾,只需對一張集合的上命名就可以了,不需要對每乙個小元素進行命名,從而提高了網頁的製作效率。

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

3.1、在合併的時候,你要把多張有序的合理的合併成一張,還要留好足夠的空間,防止板塊內出現不必要的背景;這些還好,最痛苦的是在寬屏,高解析度的螢幕下的自適應頁面,你的如果不夠寬,很容易出現背景斷裂;

3.3、css sprites在維護的時候比較麻煩,如果頁面背景有少許改動,一般就要改這張合併的,無需改的地方最好不要動,這樣避免改動更多的css,如果在原來的地方放不下,又只能(最好)往下加,這樣的位元組就增加了,還要改動css。

3.4、css sprites非常值得學習和應用,特別是頁面有一堆icon(圖示)。總之很多時候大家要權衡一下利弊,再決定是不是應用css sprites。

4.1、不要等到你完成切片之後才開始sprite.如果你邊切圖邊寫css,然後等你完成了整個**之後再來拼接這些到乙個sprite中,你就不得不完全重寫你的css,你也必須要花費很多的時間來用ps拼接大量的。

4.2、將小整合到一張大的上,然後根據具體圖示在大圖上的位置,給背景定位(background-position)。

CVS的相關概念

在我們使用cvs進行軟體開發過程中的版本控制的時候,經常遇到一些概念,弄清楚這些概念的含義有利於我們更好的服務於專案管理與開發 1.repository 倉庫 它是 cvs伺服器 可能在遠端,也可能在本地 的根目錄,我們所有的工作都儲存在這個倉庫中,包括源 和這些 的全部歷史。你可以把reposit...

死鎖的相關概念

1.死鎖是指多個程序迴圈等待它方占有的資源而無限期地僵持下去的局面,產生死鎖的根本原因是資源有限並且操作不當 2.產生死鎖的4個必要條件 互斥條件 不可搶占條件 占有並且申請條件和迴圈等待條件 3.死鎖的預防 只要破壞四個必要條件中的任意乙個,死鎖就不會發生,也就是說,打破互斥條件 打破不可搶占條件...

事務相關的概念

1.什麼是事務 事務就是邏輯上的一組操作,組成事務的各個執行單元,操作要麼全都成功,要麼全都失敗.轉賬的例子 冠希給美美轉錢,扣錢,加錢。兩個操作組成了乙個事情!2.事務的特性 原子性 事務不可分割.一致性 事務執行的前後資料的完整性保持一致.隔離性 乙個事務執行的過程中,不應該受到其他的事務的干擾...