Correcting teacher:PHPz
Correction status:qualified
Teacher's comments:
{<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字体图标作业</title>
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_3791675_8i6mffl0z9a.css">
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_3081456_xj93x7l9kre.css">
</head>
<body>
<div class="iconfont">
<span class="icon-shanchu"></span>
<span class="icon-shezhi"></span>
<span class="icon-gouwuchekong"></span>
<span class="icon-sousuo"></span>
</div>
<style>
.iconfont {
color: green
;
font-size: x-large;
}
</style>
</body>
</html>}
媒体查询顺序:
移动端:从小往大
PC端:从大往小