CSS中給圖片命名是一個很重要的問題，有助于提高代碼的可讀性和維護性。

給一個圖片命名，可以使用CSS中的content屬性。這個屬性的主要功能是為元素生成額外的內(nèi)容，常常與:before和:after偽元素一起使用。

.selector:before {
content: "圖片名稱";
}

通過添加一個偽元素，然后利用content屬性來命名圖片，這種方法可以避免在HTML文檔中添加不必要的標簽。before和after偽元素也可以用來美化圖片和添加一些額外的信息。

在實際開發(fā)中，我們可以將所有的圖片都統(tǒng)一進行命名，例如為了方便管理，我們可以對頭像、背景、圖標進行不同的命名，如下：

.avatar:before {
content: "頭像";
}
.background:before {
content: "背景";
}
.icon:before {
content: "圖標";
}

通過命名，我們可以很快地知道每個圖片的作用，而不必絞盡腦汁來理解代碼。這樣可以大大提高開發(fā)效率，也便于維護。

回顧這個問題，我們可以總結(jié)出這樣的方法：使用CSS中的content屬性，結(jié)合:before和:after偽元素來命名圖片。同時，我們可以將所有的圖片都統(tǒng)一進行命名，從而大大提高代碼的可讀性和維護性。