CSS 是一種層疊樣式表語言，它主要應用于 HTML 文檔的呈現(xiàn)。在網(wǎng)頁設計和開發(fā)中，經(jīng)常需要使用圖片來展示圖標，但有時候需要從一張大圖中截取出需要的小圖標，這時候就需要用到 CSS。

在 CSS 中，我們可以使用background-image屬性來設置圖片背景。而要截取小圖標，我們需要使用background-position屬性。該屬性可以用來控制背景圖片在元素中的位置。

例如， 我們有一個包含多個小圖標的大圖，其大小為 200px*200px。要使用其中的某個圖標，需要設置background-position的值為該圖標在大圖中的位置。

.icon {
width: 30px;
height: 30px;
background-image: url('big-icon.png');
background-position: -60px -150px;
}

上述代碼中，我們設置了一個名稱為icon的元素，其大小為 30px*30px。使用background-image屬性設置了背景圖片為 big-icon.png。而background-position屬性的值為 '-60px -150px'，表示該小圖標在大圖中的位置為橫向偏移 -60px ，縱向偏移 -150px 。

通過這種方法，我們就能夠在 CSS 中截取出小圖標，并應用于網(wǎng)頁設計中。這種方式不僅減少了圖片的請求，提高了網(wǎng)頁加載速度，還能夠讓網(wǎng)頁設計更加靈活。