网络编程
位置:首页>> 网络编程>> 网页设计>> [翻译]标记语言和样式手册 Chapter 8 再谈清单(3)

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

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

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

清单种类

虽然有序清单的预设编号样式通常是阿拉伯数字(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为这个有序清单加上样式.但现在让我们先看看另一个清单种类的例子.

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com