第8章使用CSS制作列表汇编.ppt

第8章 使用CSS制作列表 列表元素是网页设计中使用频率非常高的元素，在大多数的网站设计上，无论是新闻列表，还是产品，或者是其他内容，均需要以列表的形式来体现。 列表形式在网站设计中占有很大比重，信息的显示非常整齐直观，便于用户理解与点击。从网页出现到现在，列表元素一直是页面中非常重要的应用形式。 8.1 制作新闻列表 新闻列表是一个网站的重要组成元素。对新闻列表使用标题，可以突出显示很重要的信息。新闻列表既可以是基于文本的内容，也可以是指向现有新闻项目的链接（例如新闻服务上的文章）。 8.1.1 制作实例 新闻列表实例 8.1.2 兼容问题 为了符合Web标准，制作完成的页面至少需要在3个主流浏览器（IE 7、Firefox、IE 6）中进行测试。 1．Firefox浏览器测试 2．IE 6浏览器测试 8.2 制作排行榜 排行榜是一个网站经常会使用到的元素。在网页中设计一个信息统计的排行榜，用来统计某种信息总数的多少。图是百度的搜索排行榜页面，里面包括了各种各样新颖独特的排行榜。 8.3 制作自定义图片项目符号的列表 有时候，CSS默认的列表效果并不能满足设计师对于列表中项目符号的要求，需要用小一点的圆点，或是其他更具代表性的图片箭头来作为项目符号。 8.3.1