解釋下 CSS sprites原理,優缺點

2021-10-13 12:58:44 字數 470 閱讀 1144

原理:

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

優點:b. 減少網頁的http請求

c. 減少的位元組

d. 解決了網頁設計師在命名上的困擾,只需對一張集合的上命名就可以了,不需要對每乙個小元素進行命名

e. 更換風格方便,只需要在一張或少張上修改的顏色或樣式,整個網頁的風格就可以改變

缺點:f. 在寬屏,高解析度的螢幕下的自適應頁面,你的如果不夠寬,很容易出現背景斷裂

g. css sprites在開發的時候,要通過photoshop或其他工具測量計算每乙個背景單元的精確位置

h. 在維護的時候比較麻煩,如果頁面背景有少許改動,一般就要改這張合併的

解釋下 CSS sprites原理,優缺點

原理 a.css sprites其實就是把網頁中一些背景整合到一張檔案中,再利用css的 background image background repeat background position 的組合進行背景定位,background position可以用數字精確的定位出背景的位置。優點 b...

解釋下 CSS sprites原理,優缺點

a.css sprites其實就是把網頁中一些背景整合到一張檔案中,再利用css的 background image background repeat background position 的組合進行背景定位,background position可以用數字精確的定位出背景的位置。優點 b.減少...

解釋下 CSS sprites原理,優缺點

原理 a.css sprites其實就是把網頁中一些背景整合到一張檔案中,再利用css的 background image background repeat background position 的組合進行背景定位,background position可以用數字精確的定位出背景的位置。優點 b...