abstract：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>iconfont</title><link rel="stylesheet" href="https://netdna.bootstrapcdn.com/fon
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>iconfont</title>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
*{margin:0;padding:0;}
.box{background-color:#090723;height:55px;width:100%;}
.nav{width:1180px;height: 55px;margin:0 auto;}
.clear{clear:both;}
.logo{width:125px;height:55px;float:left;margin-right: 20px;}
.left{float:left;}
.right{float:right;}
h2{color:#fff;font-family:'微軟雅黑';line-height: 55px;}
a{text-decoration:none;color:#aaa;padding:0 10px;line-height:55px;display:inline-block;}
a:hover{color:#fff;}
.shou{color:#fff;}
img:hover{color: #fff;line-height: 55px;}
.zong{width:1180px;margin:0 auto;margin-top: 20px;color:#090723;}
</style>
</head>
<body>
<div>
<div>
<div>
<h2>iconfont</h2>
</div>
<div>
<a href="#">首頁</a>
<a href="#">圖標(biāo)庫</a>
<a href="#">圖標(biāo)管理</a>
<a href="#">阿里巴巴普惠體</a>
<a href="#">幫助</a>
<a href="#">活動(dòng)</a>
<a href="#"><i class="fa fa-ellipsis-h" style="font-size:25px;line-height:55px;"></i></a>
</div>
<div class="right com">
<a href="#"><i class="fa fa-user-circle" style="font-size:25px;line-height:55px;"></i></a>
<a href="#"><i class="fa fa-cloud-upload" style="font-size:25px;line-height:55px;"></i></a>
<a href="#"><i class="fa fa-share-alt" style="font-size:25px;line-height:55px;"></i></a>
<a href="#"><i class="fa fa-cart-plus" style="font-size:25px;line-height:55px;"></i></a>
</div>
</div>
</div>
<div></div>
<div>
<h3>總結(jié)</h3>
<p>1.合理布局很重要，巧用盒子模型</p>
<p>2.仔細(xì)觀察總結(jié)，提煉模塊重復(fù)利用，有效提升代碼效率</p>
</div>
</body>
</html>
Correcting teacher：天蓬老師Correction time：2019-06-27 12:58:27
Teacher's summary：導(dǎo)航是應(yīng)用中非常有用的, 不僅僅是用戶的指南, 也是整個(gè)項(xiàng)目的地圖