（1）背景介绍：

什么是dl标签

dl标签就是定义列表，英文的单词是 definition list

接下来还有definition title  dt  列表的标题 这个标签是必须要的

definition description 列表的列表项，如果不需要它，可以不加 dd

就是说，dt、dd只能在dl里面；dl里面只能有dt、dd。

什么是ul标签

无序列表 unordered list，“无序列表”的意思。

无序列表中的每一项是li标签

li：list item，“列表项”的意思。

什么是ol标签

有序列表ol 英文单词：Ordered List。

里面的每一项都是li标签

（2）知识剖析：

列表

dl标签的作用非常大，在很多的大型网站上面都用它

上图可以看出，定义列表表达的语义是两层：

（1）是一个列表，列出了几个dd项目

（2）每一个词儿都有自己的描述项。

ul标签

li不能单独存在，必须包裹在ul里面；反过来说

ul的“儿子”不能是别的东西，只能有li。

我们这里再次强调，ul的作用，并不是给文字增加小圆点的，

而是增加无序列表的“语义”的。

ol标签

和无序列表一样，有序列表也是可以嵌套的哦

ol和ul就是语义不一样，怎么使用都是一样的

ol里面只能有li，li必须被ol包裹。li是容器级。

（3）常见问题：

如何去除黑点

（4）解决方案：

list-style-type: none;

（5）编码实战：

写上list-style-type: none;这个就是直接清楚黑点的样式了

（6）拓展思考：

如何去修改li标签的其他样式呢？

我们知道li标签是存在于ol或者ul里面的

我们可以在里面设置属性

list-style-type: square;

（7）参考文献：

博客

b站视频