CSS是網頁設計中不可或缺的一部分，它可以控制網頁頁面的布局、顏色、字體和其他視覺效果。在編寫CSS樣式表時，我們通常需要定義許多屬性，這些屬性可以單獨使用，但有時也可以通過復合屬性來實現更快捷的定義方式。CSS拼圖（CSS Sprites）復合屬性就是這樣一種更快捷的定義方式。

在網頁設計中，通常需要使用很多圖片，這些圖片需要單獨加載，這樣就會影響網頁的加載速度。解決這個問題的方法是把多張小圖片合并成一張大圖片，然后使用CSS拼圖技術來顯示我們需要的這張大圖片的一部分。這樣做可以減少頁面的HTTP請求次數，從而提高網頁加載速度。

CSS拼圖技術需要使用background-position、background-image、background-repeat三個屬性。其中，background-position屬性指定要顯示的圖片在背景圖中的位置；background-image屬性指定要顯示的背景圖；background-repeat屬性指定該圖片在背景中重復的方式。

下面是一個CSS拼圖的示例代碼：

.icon {
background-image: url("sprites.png");
background-position: -72px -48px;
background-repeat: no-repeat;
width: 24px;
height: 24px;
}

上面的代碼將會顯示sprites.png圖片中，從左往右第三個圖片，從上往下第二個圖片，寬高都為24px。

CSS拼圖技術可以減少CSS文件中的代碼量，降低服務器負擔，更快地加載網頁內容。但其缺點是增加了對圖形編輯軟件的運用要求，再加上維護起來相對困難，使用時需要思考好權衡其優缺點。