在網(wǎng)頁中，我們常常需要使用很多小圖標(biāo)來美化頁面，但是如果直接使用大圖片，會造成頁面加載速度變慢。此時，可以使用 CSS 來進(jìn)行調(diào)用。
首先，我們需要準(zhǔn)備一張包含所有小圖標(biāo)的大圖片，這個圖片的格式為 PNG 或者 GIF。接著，在 CSS 中使用background-image屬性來調(diào)用這個大圖片：
pre {
background-image: url("icons.png");
}
接下來，我們需要定義每個小圖標(biāo)的位置和寬高，可以使用background-position和background-size屬性來實現(xiàn)：
p.icon1 {
background-position: 0 -10px;
background-size: 50px 50px;
}
p.icon2 {
background-position: -60px -10px;
background-size: 50px 50px;
}
這里的background-position屬性定義了每個小圖標(biāo)在大圖片中的位置，我們可以根據(jù)實際情況來調(diào)整兩個參數(shù)的值，第一個參數(shù)為水平位置，第二個參數(shù)為垂直位置。background-size屬性定義了每個小圖標(biāo)的寬高，同樣可以根據(jù)實際情況來調(diào)整。
最后，在 HTML 中使用p標(biāo)簽來調(diào)用這些小圖標(biāo)，同時為每個小圖標(biāo)添加類名：
這是一個小圖標(biāo)
這是另一個小圖標(biāo)
通過上述方法，我們就可以在不影響網(wǎng)頁加載速度的前提下，輕松地調(diào)用多個小圖標(biāo)，美化網(wǎng)頁效果。