在网页设计中，常常需要使用小图标来增强视觉效果。那么如何用CSS精确定位小图标呢？ 首先，在HTML中插入一个具有样式的div元素来包含图标，如下所示：

<div class="icon">
<i class="fa fa-search"></i>
</div>

其中，class为"icon"的div元素用于定位图标，i元素用于插入图标，fa和fa-search为图标库的类名和图标名。接下来可以用CSS对这个图标进行定位。 定义"icon"的CSS如下：

.icon {
position: relative; /* 定义为相对定位 */
width: 32px; /* 宽度为图标大小 */
height: 32px; /* 高度为图标大小 */
}
.icon i {
font-size: 18px; /* 文字大小为18像素 */
color: #000; /* 字体颜色为黑色 */
position: absolute; /* 绝对定位 */
top: 50%; /* 距离父元素的上边距离为50% */
left: 50%; /* 距离父元素的左边距离为50% */
transform: translate(-50%,-50%); /* 确定图标的中心点位置 */
}

其中，position的取值为relative，确定相对定位；width和height分别指定图标的宽度和高度，i元素中的font-size指定文字的大小，color指定字体颜色，而position为absolute，目的是以父元素为参照点进行绝对定位，同时top和left为50%，意味着图标居中显示，transform属性用于定位图标的中心点位置。 这样，通过以上CSS代码，就能够准确地定位小图标，让网页更加美观。