A我今天學了什么
1.iconfont的使用
上iconfont搜索自己需要的圖標,iconfont圖標屬于字體圖標,可以設置字體的大小來設置圖標的大小
而且圖標的清晰度不會變。
代碼實例:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" />/*引入非彩色圖標*/
<script src="http://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我沒掌握什么
全部掌握