摘要：<!DOCTYPE html> <html> <head> <title>京东导航制作</title> <link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
<!DOCTYPE html>
<html>
<head>
<title>京东导航制作</title>
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
a {
text-decoration: none;
color: #666;
}
.clear {
clear: both;
}
.header {
background: #e3e4e5;;
height: 30px;
line-height: 30px;
font-size: 12px;
}
.nav {
width: 768px;
margin: 0px auto;
color: #666;
}
.nav_left {
float: left;
}
.nav_left i {
color: #f10215;
}
.nav_left span {
padding-left: 5px;
}
.nav_right {
float: right;
}
.nav_right ul {
list-style: none;
}
.nav_right ul li {
float: left;
}
.pad {
padding: 0 7px;
}
.nav_right ul li span {
color: #f10215;
padding-left: 5px;
}
.nav_right_color999 {
color: #999;
}
.spacer {
width: 1px;
margin: 11px 5px 0;
padding: 0;
background: #ccc;
height: 10px;
overflow: hidden;
}
</style>
</head>
<body>
<div class="header">
<div class="nav">
<div class="nav_left">
<i class="fa fa-map-marker"></i><span class="
nav_right_color999">安徽</span>
</div>
<div class="nav_right">
<ul>
<li class="pad"><a href="">你好，请登录 <span>免费注册</span></a></li>
<li class="spacer"></li>
<li class="pad"><a href="">我的订单</a></li>
<li class="spacer"></li>
<li class="pad"><a href="">我的京东<i class="fa fa-angle-down l
nav_right_color999"></i></a></li>
<li class="spacer"></li>
<li class="pad"><a href="">京东会员</a></li>
<li class="spacer"></li>
<li class="pad"><a href="">企业采购<i class="fa fa-angle-down nav_right_color999"></i></a></li>
<li class="spacer"></li>
<li class="pad nav_right_color999">客户服务<i class="fa fa-angle-down"></i></li>
<li class="spacer"></li>
<li class="pad nav_right_color999">网站导航<i class="fa fa-angle-down"></i></li>
<li class="spacer"></li>
<li class="pad nav_right_color999">手机京东</li>
</ul>
<div class="clear"></div>
</div>
<div class="clear">
</div>
</div>
</div>
</body>
</html>感觉不完美了，最大的问题是class命名，还有代码不简洁啦。
批改老师：灭绝师太批改时间：2018-12-20 09:46:33
老师总结：完成的还不错，不要不认可啦！class命名也不错，没有大问题
