html 有序列表 ol

有序列表，表示多个并列项，前面显示序号。

ol：order list，有序列表；

li：list item，列表项。

1 语法

<ol>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
  …
</ol>

最外层一个ol，其中可以包含多个li。

2 基础示例

<ol>
  <li>北京</li>
  <li>上海</li>
  <li>广东</li>
  <li>浙江</li>
</ol>

运行效果

3 逻辑意义

一组包含多个并列项，并且前面有序号显示。

4 默认样式

ol默认样式

1）上下外边距16px；

2）左内边距40px。

3）list-style-type属性值decimal，表示前方显示数字。

4）具有换行效果（display默认值block）。

li默认样式

1）继承上级ul标签的list-style-type属性。

2）具有换行效果（display默认值list-item）。

5 list-style-type属性

显示在每个项目前的项目符号。

6 项目使用情况

实际项目较少使用ol，一般都不在前面显示序号。