将你的icon1, icon2, icon3 …等等class样式再添加这几条属性：{display: inline-blockwidth:图片宽度height:图片高度}
你是要以背景的形式显示图片，那么你这样写，你可以在浏览器查看元素，图片并不占空间，你需要给背景图片指定大小位置。
目前有两种引用方式，一种是通过在head里面的link来引用，另外一种是直接通过import来引用，示例代码如下：
第一种：link引用
<link rel="stylesheet" href="/css/mycss.css" />第二种：@import引用
<style type="text/css">@import url（/css/mycss.css）
</style
link和import语法结构不同，前者<link>是html标签，只能放入html源代码中使用，后者可看作为css样式，作用是引入css样式功能。
import在html使用时候需要<style type="text/css">标签，同时可以直接“@import url(CSS文件路径地址)”放入css文件或css代码里引入其它css文件。
本质上两者使用选择区别不大，但为了软件中编辑布局网页html代码，一般使用link较多，也推荐使用link。
