本课是学习自定义列表。我们先来看一个例子。小米官网底部导航（https://www.mi.com/）每个榜单都有一个共同点。除了列表的内容，它还包含一个标题。让我们将这样的列表称为自定义列表。自定义列表由三个标签组成，分别是：dldt和dddl是definitionlist的缩写，意思是definition，listdt是definitionterm的缩写，意思是definitionterm，可以理解为标题列表。dd是definitiondescription的缩写，意思是定义描述，可以理解为列表内容，三个标签都遵循双标签语法。语法如下图所示：注意dt和dd是dl的子标签。dt和dd是兄弟标签，dt不能放在dd中，dd也不能放在dt中。dd标签可以定义多个标签，但dt或dd标签不能与dl分开使用。再次进入小米官网底部导航，在浏览器页面点击鼠标右键，选择，检查，打开开发者工具，选择元素选项卡，点击元素选择工具按钮，点击选择你要的元素查看，在elements中你会看到选中区域的代码。仔细观察，dl标签下定义了一个dt和三个dd，分别显示一个列表标题和三个列表描述。让我们手工制作一个自定义列表打开编辑器创建一个新的definition_list_1.html页面使用！使用tab键自动补全基本代码在body中写dl，按tab键补全dl标签，dl标签里面，回车，换行，写dt，按tab或者回车键自动补全dt，外面dt的结束标签，回车换行，下面定义一个dd标签，在dt标签里面写文字问：你不会说英文吗？学习在dd标签里写文字答：当然存了。在浏览器中打开页面，自定义列表就完成了。这里我们发现dd中包含的文本是缩进的。这种缩进是浏览器的默认样式。来实现小米官网的底部导航吧！回到编辑器，新建一个definition_list_2.html页面，完成基本代码，在body中写一个dl标签，在dl中写一个dt标签，在dt标签中填写text，helpcenter，写三个dd标签，分别在每个dd中输入文字，账户管理，下单指南，下单操作，保存在浏览器打开页面，实现基本的自定义列表。对比真实效果，我们发现两个文本的大小不一样，而我们的是一样的，同时这里的内容没有缩进，而我们的是缩进的，这些问题等我们学习CSS知识之后，就可以实现了。支持视频链接
