《HTML5+CSS3响应式Web开发》课件——2.列表.pptxVIP

掌握无序列表掌握有序列表掌握定义列表掌握列表的嵌套

课程导入说到列表大家并不陌生，在浏览网页时，随处可见。

列表的定义什么是列表列表就是信息资源的一种展示形式。列表的分类无序列表有序列表定义列表

无序列表

无序列表无序列表的定义网页中最常用的列表，其各个列表项之间没有顺序级别之分，通常是并列的。ulli信息系/lili传媒系/lili化工系/lili机械系/li/ul运行结果声明无序列表声明列表项一般用于无序类型的列表，如导航、侧边栏新闻、有规律的图文组合模块等。

无序列表无序列表的type属性值type属性值显示效果disc（默认值）●circle○square■ul和li都拥有type属性，用于指定列表项目符号。语法如下：ultype=“属性值”litype=“属性值”/lili/li/ul注意，一般不赞成使用无序列表的type属性，一般通过CSS样式属性替代。

有序列表

有序列表有序列表的定义有序列表即为有排列顺序的列表。网页中常见的知识竞赛答题、试卷、调查问卷等都可以通过有序列表来定义。olli信息系/lili传媒系/lili化工系/lili机械系/li/ol运行结果声明列表项声明无序列表

有序列表有序列表的type属性值ol和li都拥有type属性，用于指定列表项目符号。属性属性值描述type?1（默认）项目符号显示为数