当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > CSS语法手册(六)分类属性

HTML/XHTML教程
添加和删除HTML节点的简单示例
HTML教程:收集的常用的HTML标签(6)
深层优化 提高网站的访问速度的一些技巧
HTML教程:收集的常用的HTML标签(5)
总结XHTML代码常见的应用问题
网页制作中使用规范的HTML代码的几点
学习超级链接A标记
网页元素单位全分析
HTML validate HTML验证
ul和li 基本用法分析
HTML 特殊字符彻底剖析
HTML 行间距的设置方法与问题
按钮在IE中两边被拉伸的 BUG
html 鼠标 css 控制
html 网页跳转代码
当td为空时怎样显示其边框
使用相对宽度调整表格问题
Web分页打印 细线表格+分页打印之终极攻略
W3C教程(12):W3C Soap 活动
W3C教程(11):W3C DOM 活动

HTML/XHTML教程 中的 CSS语法手册(六)分类属性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 41 ::
收藏到网摘: n/a

1、display

功能:改变元素的显示值,可以将元素类型线上,块和清单项目相互变换。
数值
none - 不显示元素
block - 块显示,在元素前后设置分行符
inline - 删除元素前后的分行符,使其并入其它元素流中
list-item - 将元素设置为清单中的一行
说明:可用 display 属性值生成插入标题和补加清单或让图形变成线上显示。

2、white-space

功能:控制元素內的空白。
数值
normal - 不改变,保持缺省值,在浏览器页面长度处换行。
pre - 要求文档显示中采用源代码中的格式。
nowarp - 不让访问者在元素內换行。

3、list-style-type

功能:指定清单所用的强调符或编号类型
数值
none - 无强调符
disc - 碟形强调符(实心圆)
circle - 圆形强调符(空心圆)
square - 方形强调符(实心)
decimal - 十进制数强调符
lower-roman - 小写罗馬字强调符
upper-roman - 大写罗馬字强调符
lower-alpha - 小写字母强调符
upper-alpha - 大写字母强调符
例子

  • item1
  • item2
  • item3

4、list-style-image

功能:用于将清单中标准强调符换成所选的图形
数值
无图形
url - 图形URL地址
例子

  • item1
  • item2
  • item3

5、list-style-position

功能:用于设置强调符的缩排或伸排,这个属性可以让强调符突出于清单以外或与清单项目对齐。
数值
inside - 缩排,将强调符与清单项目内容左边界对齐
outside - 伸排,强调符突出到清单项目内容左边界以外

6、list-style

功能:简写属性,将所有清单属性放在一条语句中。
数值
list-style-type
list-style-position
list-style-image
这些值的细节见各个属性部分。
例子

  • item1
  • item2
  • item3