老师麻烦你看一下我这哪里出了问题?对着视频中的代码敲的,运行结果:

html代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text" href="CSS/reset.css" />
<link rel="stylesheet" type="text" href="CSS/jd.css" />
</head>
<body>
<!--导航开始-->
<div class="nav">
<div class="warp">
<ul class="nav_ul1">
<li><a href="">京东首页</a></li>
<li><a href="">配送到: 北京</a></li>
</ul>
<ul class="nav_ul2">
<li><a href="">洋洋宝贝</a><span>|</span></li>
<li><a href="">我的订单</a><span>|</span></li>
<li><a href="">我的京东</a><span>|</span></li>
<li><a href="">京东会员</a><span>|</span></li>
<li><a href="">企业采购</a><span>|</span></li>
<li><a href="">京东手机</a><span>|</span></li>
<li><a href="">关注京东</a><span>|</span></li>
<li><a href="">客户服务</a><span>|</span></li>
<li><a href="">网站导航</a></li>
</ul>
</div>
</div>
</body>
</html>
jd.css代码
.nav{
width: 100%;
height: 30px;
background-color: #f1f1f1;
}
.warp{
width: 1000px;
margin: 0px auto;
}
.nav_ul1,.nav_ul2 li{
float: left;
}
.nav_ul1 li{
float: left;
line-height: 30px;
margin-right: 20px;
}
.nav_ul1 a,.nav_ul2 a,.nav_ul2 span{
font-size: 12px;
color: gray;
}
.nav_ul2{
float: right;
}
.nav_ul2 li,.nav_ul2 span{
line-height: 30px;
margin-left: 10px;
}
.nav a:hover{
color: red;
}
reset代码
body,div,h1,h2,h3,h4,h5,h6,li,ol,ul{margin: 0px;padding: 0px;}
body{text-align: center;font-size: 14px;}
a{text-decoration: none;}
li{list-style: none;}