第10章 设置列表样式.pptxVIP

第10章 设置列表样式列表让设计者能够对相关的元素进行分组，并由此给他们制定结构。大多数网站都包含某种形式的列表，比如新闻列表、标题列表等等。将这些条目标识为列表并加上标记会在HTML文档中增加结构。本章主要讲解如何通过CSS样式对网页中的列表进行控制，并且通过两个影视音乐网站的实例，详细讲解了页面中对列表样式的应用。在网页中列表元素是非常重要的应用形式。通过CSS样式控制列表，可以轻松的实现整齐直观的显示效果。10.1.1 列表控制原则列表形式在网站设计中占有很大比重，在信息的显示时非常整齐直观便于用户理解与点击，从出现网页开始到现在，列表元素一直是页面中非常重要的应用形式。10.1.2 列表标签的使用无序列表ul所谓无序列表，是指列表中的各个元素在逻辑上没有先后顺序的列表形式。如果列表中不需要描述一条信息的序号，则可以使用ul元素。大部分页面中的作息均可以用ul来描述。ul与li标签配合使用，其中的每一个标签均为一条列表，所有li标签将被包含在ul标签中。序列表ol 有序列表则与上面讲的无序列表相反，表示列表的每一个元素都会有序列区分，从上至下可以为数字、字母等多种不同形式。使用ol的有序列表目前在网上出现得并不是很多，原因就在于很少有人使用ol标签来制作列表。多数人使用表格来制作有序列表，这样将会造成代码过于复杂。10.1 列表控制概述10.2.1 ul无序列表10.2