CSS中常用的圖標(biāo)定位方式有兩種，分別是使用background-image和使用偽元素::before和::after。這兩種方式都能實(shí)現(xiàn)圖標(biāo)的定位，具體使用方式如下：

.icon {
/* 使用background-image */
background-image: url('icon.png');
background-repeat: no-repeat;
background-position: center;
}
.icon:before {
/* 使用偽元素 */
content: '';
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background-image: url('icon.png');
background-repeat: no-repeat;
background-position: center;
}

其中，使用background-image方式需要在對應(yīng)元素中設(shè)置背景圖，可以通過background-repeat設(shè)置是否重復(fù)，background-position設(shè)置圖標(biāo)位置。

而使用偽元素的方式則需要設(shè)置content屬性為空，將其設(shè)置成行內(nèi)塊元素，vertical-align設(shè)置為middle以垂直居中，然后通過background-image設(shè)置圖標(biāo)，也可以通過其他css屬性來改變圖標(biāo)的大小、顏色等。