abstract：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>导航菜单</title><link rel="stylesheet" type="text/css" href="css/font-awes
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>导航菜单</title>
<link rel="stylesheet" type="text/css" href="css/font-awesome/css/font-awesome.min.css">
<style>
*{padding: 0;margin: 0;}
a{text-decoration: none;color: #6C6C6C;font-size: 12px;}
.clear{clear:both;}
.pl8{padding-left: 8px}
.top{width: 100%;height: 40px;line-height: 40px;background: #F5F5F5;border-bottom: 1px solid #eee;}
.menu{width: 1200px;margin: 0 auto;}
.menu a{display: inline-block;padding: 0 4px}
.left{width: 300px;float: left;}
.right{width: 600px;float: right;}
.menu a:hover{color:#FF4400;}
.menu a.bg:hover {background: #fff;}
.orange{color: #FF5000;}
</style>
</head>
<body>
<div>
<div>
<div>
<a href="">中国大陆<span class="pl8 fa fa-angle-down"></span></a>
<a href="">亲,请登录</a>
<a href="">免费注册</a>
<a href="">手机逛淘宝</a>
</div>
<div>
<a href="">我的淘宝<span class="pl8 fa fa-angle-down"></span></a>
<a href=""><span class="fa fa-cart-plus orange"></span> 购物车<span class="pl8 fa fa-angle-down"></span></a>
<a href=""><span class="fa fa-star"></span> 收藏夹</a>
<a href="">商品分类</a>
<a href="">卖家中心<span class="pl8 fa fa-angle-down"></span></a>
<a href="">联系客服<span class="pl8 fa fa-angle-down"></span></a>
<a href=""><span class="fa fa-navicon orange"> </span>网站导航<span class="pl8 fa fa-angle-down"></span></a>
</div>
</div>
</div>
<div></div>
<!-- 总结： 对于新手来说难点在于浮动和伪类以及什么是内外边距的理解-->
</body>
</html>
Correcting teacher：韦小宝Correction time：2019-03-11 17:08:17
Teacher's summary：一个网站的导航对于网站来说是非常重要的部分 在写导航的时候一定要注意到美观