CSS中的笑臉小圖標是一種常見的UI元素，在網頁設計中經常使用。下面我們來介紹一下如何在CSS中使用笑臉小圖標。

/* 定義一個笑臉圖標 */
.smile_icon {
background-image: url("../images/smile.png");
width: 16px;
height: 16px;
display: inline-block;
}

上述代碼中，我們定義了一個class為“smile_icon”的CSS樣式，使用了一個笑臉圖片作為背景。通過設置寬度、高度和inline-block屬性，我們把圖標變成了一個可見的、可復用的UI元素。

接下來，我們可以在HTML中使用這個CSS樣式：

<p>這是一段文字，其中包含了一個<span class="smile_icon"></span>笑臉圖標。</p>

上述代碼中，我們使用了一個span標簽并設置了class為“smile_icon”，以實現在段落中插入笑臉圖標的效果。

在實際開發中，笑臉小圖標往往是作為一個UI庫或組件庫的一部分，提供給開發者進行使用。通過預定義好的class名稱，開發者可以輕松地在項目中引用這些UI元素，從而減少了代碼編寫的工作量。