设为首页
联系站长
加入收藏

您的位置: 首页>>IT业界>>互联网>>正文
 CSS分级属性 二
 日期:2005-5-24 2:23:49  来源:100down.com

使用过 Word 的用户都知道有一个“项目符号和编号”的功能。在 HTML 文档中,设计者无需使用前面提到的一些字体、颜色、容器属性来格式化对象的字体、颜色、边距和填充距等。因为在 CSS 中,已经提供了进行分级的专用分级属性。需要注意的是,无论如何,这些属性只能够被用于“列项”值是“显示”的元素。

display
属性值:block | inline | list-item | none
初始值:block
适用于:所有元素
继承:否
百分比值:不适用
   这些属性中的前三个属性在 Internet Explorer 4 中并不支持。
如果是“block”,那么在页面上就会打开一个新的“容器”,这个“容器”被定位在相对于邻近的“容器”,并遵循 CSS 格式化模型的地方。当使用“block”作为属性值时,在元素的前后都会出现一个断行。如果是“list-item”它的效果与“block”的效果有一些相似,唯一不同的是其中加入的一个列项标记。如果使用“inline”作为“display”的属性值,元素前后不会被加上断行。如果是“none”那么顾名思义,该元素就不会显示出来。

list-style-type
属性值:disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
初始值:disc
适用于:“display”值是“list-item”的元素
继承:是
百分比值:不适用
   在列项的前面通常要为每一项加上项目符号或编号,以区分不同的列项。共有九个关键字可以描述“list-style-type”的符号或者编号,说明和图例如下:
关键字 说明 图例
disc 圆盘 l
circle 圆圈 m
square 方块 n
decimal 十进制数 1、2、3、4、5、..........
lower-roman 小写罗马数字 i、ii、iii、iv、v、..........
upper-roman 大写罗马数字 I、II、III、IV、V、.........
lower-alpha 小写字母 a、b、c、d、e、..........
upper-alpha 大写字母 A、B、C、D、E、...........
none 不显示项目符号和编号 无

list-style-image
属性值:<url> | none
初始值:none
适用于:“display”值是“list-item”的元素
继承:是
百分比值:不适用
   在项目的前面,不但可以使用“list-style-type”加上项目符号和编号,还可以使用“list-style-image”来为项目加上图片符号。当加载图片时,不论是否定义了“list-style-type”属性,浏览器都会使用图片来代替项目符号或编号。

list-style-position
属性值:inside | outside
初始值:outside
适用于:“display”值是“list-item”的元素
继承:是
百分比值:不适用
   “list-style-position”的值有两个:“inside”或者是“outside”,其中“outside”值是默认的值。它们决定了列项中的第二行文字的起始位置。

相关文章

·巧用CSS滤镜做图案文字
·用CSS巧控制段落缩进
·用CSS实现特殊的字体效果
·用CSS滤镜实现图片暗室效果
·用CSS实现网页图片半透明
·用CSS滤镜实现图片翻转特效
·CSS滤镜应用技巧
·巧用CSS制作文字变图象特效
·巧用CSS制作图象特效
·CSS鼠标属性


阅读排行

·Win 2000不能访问Win XP的原因及
·解析Windows中的帐户和权限功能
·如何共享Windows XP操作系统
·Windows XP Service Pack 1
·通过 Windows XP 注册表自定义您
·Windows 2000 TCP/IP协议概述
·Windows 2000 Server TCP/IP协议
·dos常用命令使用说明
·Windows变慢原因分析及解决方法(
·Windows变慢原因分析及解决方法(
·WINXP下强行关闭“杀”不了的进程
·Windows XP系统注册表的恢复

最新文档

·创业激情需冷静 网络代理选择应理
·域名交易平台亟需规范 预防域名买
·Travel旅游域名即将引发抢注潮 
·从原理深处分析如何预防arp攻击
·突破建站弊端 企业网络营销大有可
·如何区分进程和病毒?
·java的基础知识,如何学好java
·微机原理与接口技术基础知识
·如何解决青少年沉迷网络的问题,
·全面分析主板BIOS报警信号

请您注意:
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·您在本站发表的作品,本站有权在网站内转载或引用
·其他网站如果需要转载 本站文章请在贵站著名来源,谢谢合作