今天下午,我主要做了下拉菜单栏的编写。
在做带子菜单的下拉菜单栏时,整体布局还是使用div标签,在div中最主要使用的就还只剩下两个标签,那就是<ul>(unordered lists)无须列表标签和<li>(lists)列表标签。
而<ul>是<li>的父标签,因此子菜单的<list>一定要写在父标签<ul>中。如源码:
<!--第一栏 -->
<li id="nav_index"><a href="/">首页</a></li>
<!--第二栏 -->
<li><a href="#">Css专栏</a>
<ul>
<li><a href="#">Css基础</a></li>
<li><a href="#">Css常用代码</a></li>
<li><a href="#">Css高级技术</a></li>
</ul>
</li>
在写完html代码之后,就要对页面的显示进行样式的修饰了。所以,接下来就要写CSS代码了,在这里CSS代码就不多做说明了,因为我也理解的不是很深入,就直接引如源码,例如:
#nav ul li a{
letter-spacing:1px;
text-align