CSS圖標前面加小是一種常見的設計技巧，能夠讓網頁看起來更加美觀和井然有序。這種技巧的實現需要使用CSS的:before偽元素和content屬性，同時需要設置一定的樣式和定位。例如，下面是一段示例代碼，用于在文字前面添加一個小圖標：

p:before {
content: "\f0c8";
font-family: FontAwesome;
font-size: 18px;
color: #999;
margin-right: 8px;
position: relative;
top: 2px;
}

上述代碼中，首先使用:before偽元素定義添加的內容，這里使用了FontAwesome字體集中的一個圖標，通過設置content屬性的值來指定。然后設置了字體、字號、顏色和間距等樣式，使用position和top屬性來進行定位，使圖標與文字對齊。

通過這種方法，我們可以輕松地為不同的文字添加不同的圖標，實現各種炫酷的效果。同時，也可以為網站的整體設計增添一份美感和個性化。然而，在實際的應用過程中，我們也需要注意圖標和文字的比例、樣式和配色等方面，以確保整個頁面的視覺效果和使用體驗。