在網頁設計中，CSS是不可或缺的一部分。它可以控制網頁的樣式和布局，讓網頁更加美觀和易于理解。但是，當網頁中有許多CSS文件和圖片時，我們就需要考慮一些性能優(yōu)化問題，以使網頁加載速度更快。其中一個問題是，CSS加載時是否會下載圖片呢？

答案是：取決于CSS文件中的代碼。

.example {
background-image: url('images/bg.jpg');
}

如果在CSS文件中使用了background-image屬性，并且該屬性的值是一個圖片的URL，瀏覽器會自動下載該圖片。因此，在加載CSS文件時，如果其中含有background-image屬性，并且對應的圖片還沒有被下載，那么瀏覽器就會開始下載這個圖片。

然而，有時我們可能想要避免加載圖片。這時我們可以使用background屬性，該屬性可以一次性定義多個背景屬性，包括圖片、顏色和定位等。使用background屬性可以讓CSS加載時不會自動下載圖片。

.example {
background: #fff url('images/bg.jpg') no-repeat center center fixed;
}

在上述代碼中，我們使用了background屬性，并同時定義了背景顏色和背景圖片。當瀏覽器加載CSS時，它不會自動下載圖片，而是等到背景圖片被真正需要時再開始下載，以此避免不必要的流量浪費。

所以，在編寫CSS代碼時，我們應該盡可能地避免加載不必要的圖片，以提高網頁的性能。當然，在某些情況下，我們也可以使用loading屬性來控制圖片的下載行為，以實現更精細的控制。