CSS列表最常见的使用方法就是无序列表和有序列表。无序列表使用ul标签，每一个列表项使用li标签包裹，例如：
<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul>
上述代码通过ul和li标签构建了一个简单的无序列表，显示效果如下：
- 列表项1
- 列表项2
- 列表项3
有序列表使用ol标签，同样每一个列表项也使用li标签包裹，例如：
<ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ol>
上述代码通过ol和li标签构建了一个简单的有序列表，显示效果如下：
- 列表项1
- 列表项2
- 列表项3
除了这两种常见的列表形式，CSS还提供了一些更加丰富的列表形式，如简单横线列表、图标列表、自定义计数器列表等，这些都需要在CSS样式表中进行定义。
CSS列表样式的定义可以使用list-style属性，该属性可以指定列表项的样式、计数器的类型、起始值等。例如：
<style>
ul{
list-style-type: disc; /* 使用实心圆点作为列表项的样式 */
list-style-position: inside; /* 列表项标记位于列表项容器内部 */
}
ol{
list-style-type: decimal; /* 使用数字作为有序列表项的计数器 */
list-style-position: outside; /* 列表项标记位于列表项容器外部 */
counter-reset: my-counter; /* 定义自定义计数器my-counter */
}
li:nth-child(odd){ /* 使用伪类选择器为列表项设置奇数项的样式 */
background-color: #f2f2f2;
}
li:before{ /* 使用伪元素选择器为列表项添加自定义内容 */
content: counter(my-counter) ". "; /* 在每个列表项前面添加计数器my-counter并加上一个点作为分隔符 */
counter-increment: my-counter; /* 让计数器my-counter每次加1 */
font-weight: bold;
}
</style>上述样式代码会使得列表的显示效果如下：
- 列表项1
- 列表项2
- 列表项3
- 列表项1
- 列表项2
- 列表项3
除了上述提到的这些基础的CSS列表操作，还有很多高级的用法，例如通过嵌套不同类型的列表项构建层次感更强的导航菜单，通过使用flexbox布局实现列表项的自适应排列等。这些需要在学习和实践中逐渐掌握。