本课要点：

一、列表的类型
常见的HTML列表有 无序列表（ul）、有序列表（ol）和自定义列表（dl）

1、无序列表（ul）

2、有序列表（ol）

3、自定义列表（dl）

二、有关列表的CSS样式

三、按照制作网页的步骤，制作仿天猫纵向导航栏

   1、分析网页布局，画出布局图

  2、创建新站点，建立相关文件夹

3、创建空白文档，并根据布局图创建具有层次关系的结构代码（各类容器使用类名命名）

4、编写公共的样式（如边距、字体、颜色、字体大小、列表样式、超链接伪类样式等）

5、从层叠容器的最外层开始详细编写各个容器的CSS样式

以下内容为选学内容

6、使用在线图标

1）、创建“iconfont”文件夹

2）、访问阿里巴巴矢量图标管理网站https://www.iconfont.cn/

3）、在搜索栏输入需要的图标关键字（如：女装），然后将选中的图标加入购物车（不要逐个下载）

4）、单击购物车，选下方的“下载代码”

5）、将下载后的文件解压到iconfont文件夹

6）、查看demo_index.html，确定各个图标的代码

7）将图标用到网页中