CSS作為一種樣式語言，很多時候都是通過設置背景圖片來實現豐富樣式的效果。但是有時候，我們需要避免多次使用同一張背景圖片，以減少頁面請求次數、提高頁面加載速度。接下來，本文將介紹一種CSS背景圖片去重的方法，讓我們的頁面更加高效。

body {
	background-image: url("image/bg.jpg");
}
.header {
	background-image: url("image/bg.jpg");
}
.content {
	background-image: url("image/bg.jpg");
}

以上是一個比較典型的CSS樣式，HTML頁面中有三個元素分別設置了同一張背景圖片。雖然代碼書寫簡單，但是每次加載頁面時都會發起三次請求，這顯然不是一個高效的做法。

我們可以通過CSS中的`.class`、`#id`、`:hover`等選擇器來優化這個問題。具體操作如下：

/*定義一個類名*/
.bg {
	background-image: url("image/bg.jpg");
}
/*使用類名*/
body {
background-color: #ffffff;
}
.header, .content {
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.header {
	height: 100px;
.bg;
}
.content {
	height: 200px;
.bg;
}

如上所示，我們定義了一個類名`.bg`，并將所有需要使用該背景圖片的元素都應用上該類名。不僅如此，該類名還帶有`background-repeat`、`background-position`、`background-size`等屬性，確保背景圖片的展示效果。

上述方法不僅能夠減少多次重復的代碼，還能夠優化頁面加載速度。因為在頁面渲染時，只需要加載一次該背景圖片，而不是每次都請求一次。在實際項目中，我們還可以利用Less或Sass等預處理器，實現更加高效的CSS編碼。

總之，CSS樣式的優化，不僅在于代碼書寫是否簡單規范，更在于是否能夠提升頁面的性能和用戶體驗。背景圖片去重就是其中的一個小技巧，相信對你的CSS編程會有所幫助。