演示代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="reset.css"/>
<!-- 以下引用阿里云图标库在线链接 -->
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_2036439_0h96479wv2lb.css"/>
<style type="text/css">
p{
width: 300px;height: 52px;border: 1px solid #000000;
margin: 100px auto;line-height: 50px;
}
.icon-shouye{
color: #ff0000;
}
</style>
</head>
<body>
<!-- 矢量图：根据几何特性来绘制图形，放大不失真，与分辨率和像素px无关
位图：png、jpg等，放大后失真，成马赛克。 -->
<p><span class="iconfont icon-shouye"></span>我要自学</p>
</body>
</html>
