div+css制作导航条时到底#nav,#nav li,#nav li a,#nav a具体是导航条里的什么呢？
在制作到航条的时候，感觉有时候分不清楚#nav,#navli,#navlia,#nava到底是什么关系了，不知道哪个属性该写在哪里，譬如<title>nav</title...
在制作到航条的时候，感觉有时候分不清楚#nav,#nav li,#nav li a,#nav a到底是什么关系了，不知道哪个属性该写在哪里，譬如
<title>nav</title>
<style type="text/css">
*{ margin:20px;padding:0;}
body{ background:#FFFFCC; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
#nav{ background:#009999; list-style:none; height:30px; }
#nav li{ float:left;}
#nav li a{ display:block; text-align:center; text-decoration:none;}
#nav a{ `````}
</style>
</head>
<body>
<ul id="nav">
<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>
</body>
</html>
可否有高手能详细告诉我这几个的区别啊，有时候真的搞的很混淆，多谢高手们回答了，希望能很详细！另外请推荐下入门者学习DIV+CC，用哪本书最好！
非常感谢了！ 展开
<title>nav</title>
<style type="text/css">
*{ margin:20px;padding:0;}
body{ background:#FFFFCC; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
#nav{ background:#009999; list-style:none; height:30px; }
#nav li{ float:left;}
#nav li a{ display:block; text-align:center; text-decoration:none;}
#nav a{ `````}
</style>
</head>
<body>
<ul id="nav">
<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>
</body>
</html>
可否有高手能详细告诉我这几个的区别啊，有时候真的搞的很混淆，多谢高手们回答了，希望能很详细！另外请推荐下入门者学习DIV+CC，用哪本书最好！
非常感谢了！ 展开
3个回答
展开全部
#nav就是<ul id="nav">的CSS样式,
#nav li就是<ul id="nav">里面的<li>的css样式,
#nav li a就是<ul id="nav">里面的<li>中的<a>的CSS样式,
#nav a和#nav li a基本上一样，细节自己领悟。
#nav li就是<ul id="nav">里面的<li>的css样式,
#nav li a就是<ul id="nav">里面的<li>中的<a>的CSS样式,
#nav a和#nav li a基本上一样，细节自己领悟。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<ul>
<li></li>
<li></li>
</ul>
这是项目列表的一个格式！
---------------------------------------
<ul id="nav"> |项目列表调用#nav的样式|
<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>
#nav li{ float:left;} |调用ID为nav样式的容器里边Li的样式|
#nav li a{ display:block; text-align:center; text-decoration:none;}
|调用ID为nav样式的容器里边，列表项Li超链接的样式|
不好意思，表达能力不行~~
我当初学的时候就是看的这本书~http://item.taobao.com/auction/item_detail-0db2-56d94da5e40cd0a53fe12a61e0657094.jhtml?cm_cat=0
<li></li>
<li></li>
</ul>
这是项目列表的一个格式！
---------------------------------------
<ul id="nav"> |项目列表调用#nav的样式|
<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>
#nav li{ float:left;} |调用ID为nav样式的容器里边Li的样式|
#nav li a{ display:block; text-align:center; text-decoration:none;}
|调用ID为nav样式的容器里边，列表项Li超链接的样式|
不好意思，表达能力不行~~
我当初学的时候就是看的这本书~http://item.taobao.com/auction/item_detail-0db2-56d94da5e40cd0a53fe12a61e0657094.jhtml?cm_cat=0
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#nav,#nav li,#nav li a,#nav a 是选择器啊
楼主要从基础学起啊
看视频去 建议learning.artech.cn
楼主要从基础学起啊
看视频去 建议learning.artech.cn
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
