列表
(X)HTML 中另一个常见的元素是列表。列表具有两种形式：无序列表 (< ul>) 和有序列表 (< ol>)。它们对于为网页提供数字列表（比如步骤列表）和非数字列表（比如处方成分）很有用。在网站布局方面，列表常常对于网站导航结构的开发至关 重要，因此对于样式尤其有用。
(X)HTML 列表（无论是有序还是无序的）默认将拥有所谓的列表标记。在非正式的英语中，我们可能将它们称为 “bullet points（项目符号）”。CSS2.1 拥有少量的列表标记，可以使用 list-style-type 属性设置它们。无序列表标记的常见值包括 none、disc、circle 和 square。
有序列表标记的值是基于数字的表示方式。最常用的选项包括 decimal、lower-roman 和 lower-greek。
在撰写本文时，现代 Web 浏览器支持的基于列表的新 CSS3 属性和特性不是太多。否则本文将会介绍（举例而言）全新的 list-style-type 特性。我们介绍了另一个得到更广泛支持的 CSS3 属性，称为 text-shadow。
类似于前面定义的 box-shadow，text-shadow 属性提供了一个阴影。但是，与 box-shadow 不同，text-shadow 实际上会为每个字母添加阴影。所以，当将它应用到列表项时，可以使用以下标记：

1 2 3

li {  text-shadow: 2px 2px 2px #AA00FF;  }

举例而言，如果拥有一个无序列表，它的 (X)HTML ID 为 nav，显示为一个导航栏，那么可以构建类似以下形式的内容：

1 2 3

ul#nav li:hover {  text-shadow: 2px 2px 2px #AA00FF;  }

这将仅在将鼠标悬停在 #nav 无序列表中的一个列表元素上时提供 text-shadow。