1.塊級元素水平和垂直居中的方法。 水平居中（margin:0 auto;） 水平居中（text-align：center;） 　　這個屬性在沒有浮動的情況下，我們可以將其轉換為inline/i ...

雪碧圖（Sprites） 雪碧圖也叫CSS精靈， 是一種CSS圖像合成技術，就是將許多小圖標合並在一張背景透明的圖片上，使用background-position和background-size來控制圖片顯示的區域。 為什么要使用雪碧圖 ...

使用雪碧圖的優點： 減少加載網頁圖片時對服務器的請求次數 可以合並多數背景圖片和小圖標，方便在任何位置使用，這樣不同位置的請求只需要調用一個圖片，從而減少對服務器的請求次數，降低服務器壓力，同時提高了頁面的加載速度，節約服務器的流量。 提高頁面的加載速度 sprite 技術 ...

一、什么是雪碧圖？ 1、我們先來看一下淘寶上面用到的雪碧圖實例： a、前端展示 b、css雪碧圖為 2、概念 CSS sprite在國內很多人 ...

很多網站其實都用了雪碧圖，確實方便了制作，以前以為這種小圖標，都是一個一個圖片呢（笑） 效果圖如下： 代碼如下： 雪碧圖是自己拼起來的 作為非計算機專業的學生，學前端一個月了，希望自己能堅持下去 ...

圖片拖入后 一般取同行同列最高最寬 自動在所選目錄生成 打開: 修改 四次請求有點多啊. 打開 （下載）css sprite ...

一、boder在某些情況下會觸發BFC環境，一般用輪廓（outline）而不用邊框二、雪碧圖技術（精靈圖）是一種CSS圖像合並技術：（循環）；是將小圖標和背景圖像合並到一張圖片上，然后利用css的背景定位來顯示需要顯示的圖片部分。優點：1）減少加載網頁圖片時對服務器的請求次數可以合並多數背景圖片 ...

原理： 為了減少網絡請求個數量，提高網站的訪問速度，我們一般都會把一些小的圖片合並成一張sprite圖，然后根據background-position來進行定位。在web端由於是固定的大小與left 、top，所以定位起來會比較准確、簡單。但是在移動端就不一樣了，各種手機的屏幕 ...