纵向列表

标签的默认样式

css派生选择器

css选择器的分组

纵向二级列表

相对定位和绝对定位

一、纵向列表

纵向列表或称为纵向导航，在网站的产品列表中应用比较广泛，如淘宝网左侧的淘宝服务，今天我们就学习一下纵向导航的制作

先新建一个页面，然后插入一个ID为menu的div，然后在设计视图中选中文字，点击工具栏的ul图标，即会自动插入ul和li，然后修改文字内容为你需要的内容。

< div id="menu">

< ul>

< li>首页

< li>网页版式布局

< li>div+css教程

< li>div+css实例

< li>常用代码

< li>站长杂谈

< li>技术文档

< li>资源下载

< li>图片素材

< /ul>

< /div>

从预览的效果上看，四周都有很大的空隙，而且每一行前边还有个点，这是因为标签的默认样式造成的，下面我们需要创建样式表把标签的默认样式给清除掉