学习笔记（2）纵向导航菜单及二级弹出菜单

• 纵向列表
• 标签的默认样式
• css派生选择器
• css选择器的分组
• 纵向二级列表
• 相对定位和绝对定位

1.纵向列表

先新建一个页面，div 、ul、li。

   <div id="menu">
		<ul>
		<li>首页</li>
		<li>网页版式布局</li>
		<li>div+css教程</li>
		<li>div+css实例</li>
		<li>常用代码</li>
		<li>站长杂谈</li>
		<li>技术文档</li>
		<li>资源下载</li>
		<li>图片素材</li>
		</ul>
	</div>

显示

从预览看，每一行前边还有个点，这是因为标签的默认样式造成的，下面把标签的默认样式给清除掉。

     #menu ul {
   
				list-style: none;
				margin: 0px;
				padding: 0px;
			}

添加a链接，设置字体样式

html文件 div 、ul 、 li 、a

<div id="menu">
			<ul>
				<li><a href="@#">首页</a></li>
				<li><a href="#">网页版式布局</a></li>
				<li><a href="#">div+css教程</a></li>
				<li><a href