网页设计与制作案例教程（HTML5+CSS3）（徐洪亮第2版） 课件 项目6 走近列表魔术师-使用CSS设置列表样式.pptxVIP

WEB;6.1 任务1：制作“特色北京”横向导航栏;6.1 任务1：制作“特色北京”横向导航栏;掌握在页面中添加无序列表的方法。 掌握利用无序列表制作横向导航栏的方法。 掌握无序列表相关样式的含义及使用方法。 掌握设置超链接在鼠标悬停时产生变化的方法。;6.2 任务2：制作“特色北京”纵向导航栏;掌握利用无序列表制作纵向导航栏的方法。 掌握导航栏背景为图像的制作方法。;6.3 任务3：制作“八大菜系”下拉菜单式导航栏;掌握利用无序列表制作下拉菜单式导航栏的方法。 掌握嵌套无序列表的结构。;6.4 任务4：制作“青少年文明公约”网页;掌握利用无序列表制作文章列表的方法。 掌握使用图像作为列表项符号的方法。;6.5 任务5：制作“2020年感动中国十大人物”网页;理解dl、dt、dd标签的意义，掌握其用法。 掌握使用定义列表制作图文列表的方法。;列表是一种非常有用的数据排列方式，最直接的;WEB;① 无序列表 无序列表是网页中的常见元素之一，无序列表使用li/li标签对来罗列各个项目，各个项目使用特殊符号来进行分项标识，如黑色圆点等。无序列表的列表项之间没有顺序关系。 语法格式 ul li列表项/li li列表项/li li列表项/li li列表项/li …… /ul;① 无序列表;② 有序列表 有序列表的每个列表项前面都有标识顺序的编号，如1、2、3或A、 B、C等，编号的形式可以通