在文字前设置图标的办法

1)通过设置图片背景在文字前设置图标；如： .CSS文件： Html文件： 通过设置：padding值和margin值来调整图片和文字的距离；   2）通过before与after伪标签在文字前设置图标；如： 小知识：  :before 设置在对象前（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用；  :after 设置在对象后（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用。Ie6-7 不支持。 尽管作为“虚假”的元素，事实上伪元素表现上就像是“真正”的元素，我们能够给它们添加任何样式，比如改变它们的颜色、添加背景色、调整字体大小、调整它们中的文本等等。 可以插入字符串。 还可以插入其他， content : url(test.jpg)  图片 content : normal 不插入 content : attr(alt) 插入图片的alt属性值 content : counter() 插入编号   .css文件 置于调整该图片的大小，查了很多资料，都没有找到确切的办法。 另外需要注意的是：