芒果小站

CSS 中的 ol 意为 ordered list，即有序列表，用于包含有先后顺序的 li 元素。常用的 ul 意为 unordered list，即无序列表。实际应用中，一般对多个 li 元素的顺序没有要求，因此 ul 比 ol 应用更广泛。

从页面表现看，其主要区别为：ol 默认对 li 元素设定序号，如 1、2、3 依次类推；而 ul 默认则为黑色圆点。

通过简单定义 CSS，可以隐藏 ol 和 ul 的列表前缀：

ol,ul{list-style:none;padding:0;margin:0;}

为体现有序列表 ol 的有序特性，可保留默认序号，并设定样式：

//CSS 代码
ol{font-family:Georgia;font-style:italic;font-size:1em;}
ol p{font-family:Arial;font-style:normal;font-size:.8em;}
//HTML 代码
<ol>
<li><p>list1</p></li>
<li><p>list2</p></li>
<li><p>list3</p></li>
</ol>

当然，可以自定义 CSS 以增强序号的表现力。但必须用 p 标记包含每个 li 元素的内容，以分离内容和序号的样式。