您好！您应该提问了2次吧，再给您回答一次：
<style>body,li,ul{margin:0padding:0} /* 浏览器重置 */
li{list-style:none} /* 浏览器重置 去掉li前面的点 */
.nav{background:#36Czoom:1width:500pxmargin:50px auto} /* 设置整个导航条的样式，以及IE的清浮动 */
.nav:after{clear:bothdisplay:blockcontent:""} /* 标准浏览器的清浮动，因为里面的li浮动了 */
.nav li {float:leftpadding:0 10pxcolor:#F00height:24pxline-height:24px} /* 每个导航项的样式，关键是设置浮动让每个li在同一行（float:left） */
</style>
<ul class="nav">
<li>导航项1</li>
<li>导航项2</li>
<li>导航项3</li>
<li>导航项4</li>
</ul>
希望我的回答能够帮到您！如果有什么不懂的可以追问我。如果有帮助请采纳，回答不易！
你的id为nav的div闭合错了应该为
<html><head>
<title>无标题文档</title>
<style>
body,div{padding:0 margin:0}
#nav{width:960px height:35px background:#666666 margin-top:30px margin:0 auto}
#nav ul{width:960px height:35px}
#nav ul li{float:left text-align:center}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">CSS学习</a></li>
<li><a href="#">学前准备</a></li>
<li><a href="#">入门教程</a></li>
<li><a href="#">提高教程</a></li>
<li><a href="#">布局教程</a></li>
<li><a href="#">精彩应用</a></li>
</ul>
</div>
</body>
</html>
