A我今天学了什么
1.iconfont的使用
上iconfont搜索自己需要的图标,iconfont图标属于字体图标,可以设置字体的大小来设置图标的大小
而且图标的清晰度不会变。
代码实例:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="//at.alicdn.com/t/font_472403_yjr1ynue0bxzuxr.css"/>/*引入非彩色图标*/
<script src="//at.alicdn.com/t/font_472403_yjr1ynue0bxzuxr.js"></script>/*引入彩色图标*/
<style>
.iconfont{
font-size: 50px;
color: aqua;
}
.icon{
width: 50px;
height:50px;
}
</style>
</head>
<body>
<i class="iconfont icon-qq3"></i>
<i class="iconfont icon-qq2"></i>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-liwuhe"></use>
</svg>/*引入彩色图标*/
</body>
</html>
B我掌握了什么
1.iconfont的使用
C我没掌握什么
全部掌握
网友评论