[翻译]标记语言和样式手册 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