CSS 列表属性
HTML 列表在网页设计里用的应该是最频繁的了，导航菜单，标题列表等等，无不使用 html 列表，其基本结构大致为：
<ul> <li><a href="#">列表标题1</a></li> <li><a href="#">列表标题2</a></li> <li><a href="#">列表标题3</a></li> <li><a href="#">列表标题4</a></li> </ul>
效果：
由于各个浏览器以及其各个版本对UL,LI 标签的padding 和 margin 属性的渲染不尽相同，以及 li 前面的原生小点点在各个浏览器里也表现各异，因此在编写CSS 代码的时候，为了免除麻烦，我采取了折中的方法:
一、将 ul，li 的margin 和 padding 属性都设置为0；list-style 设置为 none；
二、将 a 标签使用 display= block; 在 li 里撑开，本来这步是不需要的，但是在 IE6 里只有 a 标签才支持 hover 属性，所有倘若要对 LI 做鼠标经过的效果的话，只有把 a 标签放大到和 LI 一样。
三、对 a 标签设置 左缩进（padding-left），做一个小圆点图片作为 a 的背景取代 li 的 list style image。
这儿可以做几个不同颜色的 小圆点，在鼠标经过的时候启用 a 的 hover 伪类更换。
效果为：
OK, 这儿先简单的介绍一下 列表属性的使用，这是个重点，我以后会专门列出一个主题来表述。