CSS(一)

学习笔记（六）：列表

---

常见的列表有三种：无序列表、有序列表、定义列表

一、无序列表

无序列表，用来表示一个列表的语义，并且每个项目和每个项目之间，是不分先后的。
代码如下：

中国主要城市

• 北京


• 上海


• 广州


• 铁岭

`

只能是ul标签包含li标签，而且li不能单独存在，必须包裹在ul里面

二、有序列表

有序列表和无序列表差不多，只要将ul标签变成ol标签就可以了。显示效果上就是在每一项前面都自动编号。
所以，对于有序列表不多做说明。

三、定义列表

定义列表相对于前面两种列表来说复杂了些，它有三个标签组成：dl、dt、dd
代码如下：

北京

国家首都，政治文化中心

上海

魔都，有外滩、东方明珠塔、黄浦江

广州

中国南大门，有珠江、小蛮腰

表达的语义有两层：
1、是一个列表，列出了北京、上海、广州三个项目
2、每一个词儿都有自己的描述项。dd是描述dt的。

定义列表的用法也非常灵活

1、可以一个dt配很多dd
2、让每一个dl里面只有一个dt和dd，这样子感觉清晰一些