[翻译]标记语言和样式手册 Chapter 8 再谈清单(3)

作者:zhaozy 来源:3user.com 时间:2008-01-29 13:16:00 

清单种类

虽然有序清单的预设编号样式通常是阿拉伯数字(1,2,3,4,5等),但是我们能通过使用CSS的list-style-type属性换掉编号样式.而list-style-type能在以下几种任选其一:

decimal: 1,2,3,4,...(通常是预设值) 
upper-alpha: A,B,C,D... 
lower-alpha: a,b,c,d... 
upper-roman: I,II,III,IV... 
lower-roman: i,ii,iii,iv... 
none: 不加上编号 

因此,举例来说,如果我们想让方法B产生大写罗马编号的话,我们就能够以下的CSS达成目的:

ol li {
  list-style-type: upper-roman;
  }

图8-4就是方法B配上这份CSS在浏览器内的显示效果,我们的步骤列表现在不再是预设的阿拉伯数字,而是改用罗马数字编号了.当然,标记的部分仍然完全相同.改变主意了吗?只要做点小小的修改,换上先前列出的其他样式,就能马上把清单的编号方式改成你喜欢的样子.


图8-4 换用罗马数字的有序清单

HTML的type属性:之前可能有些人会直接在<ol>标签中使用type属性,把清单的编号方式换成罗马数字,英文字母等等,然而,为了支持稍早所述的CSS规则,从HTML 4.01标准开始就不建议使用type属性了,因此,你不应该再使用type属性,应该改用CSS.

稍后,在技巧延伸中,我们会以CSS为这个有序清单加上样式.但现在让我们先看看另一个清单种类的例子.

标签:样式,标记,css,手册,清单
0
投稿

猜你喜欢

  • ASP实现数据输入、查询的实例

    2010-05-03 10:48:00
  • asp截取字符串的两种应用

    2009-08-19 17:11:00
  • 从Vista地址栏到网站导航菜单

    2009-09-08 12:35:00
  • 您是否记得关闭所有的XHTML元素

    2009-07-13 12:17:00
  • ASP UTF-8页面乱码+GB2312转UTF-8 +生成UTF-8格式的文件(编码)

    2011-04-19 11:15:00
  • 浅析SQL Server 2008企业级新特性

    2008-11-24 17:01:00
  • 只截取ip前6位的asp代码

    2009-05-29 18:30:00
  • ajax实现Dig程序中的投票

    2008-01-22 17:27:00
  • IE6下图片下方有空隙的解决方法

    2008-08-01 18:02:00
  • 关于ASP生成伪参数加密技巧

    2008-07-16 12:05:00
  • 细化解析:SQL Server 2005 数据库镜像

    2009-01-23 13:41:00
  • 网站设计中的面包屑[译]

    2009-03-22 15:42:00
  • 一个简单的像素画小工具

    2010-01-01 15:33:00
  • Oracle数据安全面面观

    2010-07-27 13:27:00
  • js实现input+select组合 抛砖引玉

    2010-08-02 12:34:00
  • SQL Server 安装出错:以前的某个程序安装已在安装计算机上创建挂起的文件操作

    2010-02-23 14:48:00
  • Jmail发信的实例,模块化随时调用

    2007-09-27 13:35:00
  • Web 设计:实现干净代码的12条定律

    2008-12-04 13:27:00
  • 小谈访客浏览器分辨率

    2007-10-18 13:12:00
  • asp的command对象的使用

    2008-06-23 13:03:00
  • asp之家 网络编程 m.aspxhome.com