网页CSS 列表

网页CSS 列表

ID:38353699

大小:84.50 KB

页数:9页

时间:2019-06-11

网页CSS 列表_第1页
网页CSS 列表_第2页
网页CSS 列表_第3页
网页CSS 列表_第4页
网页CSS 列表_第5页
资源描述:

《网页CSS 列表》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、网页CSS列表从某种意义上讲,不是描述性的文本的任何内容都可以认为是列表。人口普查、太阳系、家谱、参观菜单,甚至你的所有朋友都可以表示为一个列表或者是列表的列表。由于列表如此多样,这使得列表相当重要,所以说,CSS中列表样式不太丰富确实是一大憾事。列表类型要影响列表的样式,最简单(同时支持最充分)的办法就是改变其标志类型。 例如,在一个无序列表中,列表项的标志(marker)是出现在各列表项旁边的圆点。在有序列表中,标志可能是字母、数字或另外某种计数体系中的一个符号。要修改用于列表项的标志类型,可以使用属性list-style-type:ul{list-sty

2、le-type:square}上面的声明把无序列表中的列表项标志设置为方块。列表项图像第9页共9页有时,常规的标志是不够的。你可能想对各标志使用一个图像,这可以利用list-style-image属性做到:ulli{list-style-image:url(xxx.gif)}只需要简单地使用一个url()值,就可以使用图像作为标志。列表标志位置CSS2.1可以确定标志出现在列表项内容之外还是内容内部。这是利用list-style-position完成的。简写列表样式为简单起见,可以将以上3个列表样式属性合并为一个方便的属性:list-style,就像这样:li

3、{list-style:url(example.gif)squareinside}list-style的值可以按任何顺序列出,而且这些值都可以忽略。只要提供了一个值,其它的就会填入其默认值。CSS列表属性(list)属性描述 list-style简写属性。用于把所有用于列表的属性设置于一个声明中。 list-style-image将图象设置为列表项标志。 第9页共9页list-style-position设置列表中列表项标志的位置。 list-style-type设置列表项标志的类型。 CSSlist-style-type属性定义和用法list-style-t

4、ype属性设置列表项标记的类型。 默认值:disc继承性:yes版本:CSS1JavaScript语法:object.style.listStyleType="square"实例设置不同的列表样式:ul.circle{list-style-type:circle;}ul.square{list-style-type:square;}ol.upper-roman{list-style-type:upper-roman;}ol.lower-alpha{list-style-type:lower-alpha;}浏览器支持第9页共9页所有浏览器都支持list-styl

5、e-type属性。注释:任何的版本的InternetExplorer(包括IE8)都不支持属性值"decimal-leading-zero"、"lower-greek"、"lower-latin"、"upper-latin"、"armenian"、"georgian"或"inherit"。可能的值CSS2的值:值描述none无标记。disc默认。标记是实心圆。circle标记是空心圆。square标记是实心方块。decimal标记是数字。decimal-leading-zero0开头的数字标记。(01,02,03,等。)lower-roman小写罗马数字(i,

6、ii,iii,iv,v,等。)upper-roman大写罗马数字(I,II,III,IV,V,等。)lower-alpha小写英文字母Themarkerislower-alpha(a,b,c,d,e,等。)upper-alpha大写英文字母Themarkerisupper-alpha(A,B,C,D,E,等。)lower-greek小写希腊字母(alpha,beta,gamma,等。)第9页共9页lower-latin小写拉丁字母(a,b,c,d,e,等。)upper-latin大写拉丁字母(A,B,C,D,E,等。)hebrew传统的希伯来编号方式armen

7、ian传统的亚美尼亚编号方式georgian传统的乔治亚编号方式(an,ban,gan,等。)cjk-ideographic简单的表意数字hiragana标记是:a,i,u,e,o,ka,ki,等。(日文片假名)katakana标记是:A,I,U,E,O,KA,KI,等。(日文片假名)hiragana-iroha标记是:i,ro,ha,ni,ho,he,to,等。(日文片假名)katakana-iroha标记是:I,RO,HA,NI,HO,HE,TO,等。(日文片假名)CSS2.1的值:disc

8、circle

9、square

10、decimal

11、decimal-le

12、ading-zero

13、lower-ro

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。