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

HTML/XHTML教程
HTML表单标记教程(1):
XHTML入门学习教程:表单标签
XHTML入门学习教程:框架标签使用
XHTML:框架结构标签
HTML5 与 XHTML2
兼容性的 inline-block 属性
关于XHTML的H1标记的位置
HTML5 语义化结构化规范化
改进网站设计提供的有意的建议
HTML5的结构和语义(5):交互
HTML5的结构和语义(5):内嵌媒体
HTML5中语义化 b 和 i 标签
网页教案,针对初学者的教案
HTML5的结构和语义(4):语义性的内联元素
HTML5的结构和语义(2):结构
通过优化网页页面降低对内存及CPU的占用
XHTML 2.0新功能抢先预览
HTML5的结构和语义(1):前言
XHTML标签都有一个结束标记
面向XHTML的IE条件注释

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 23 ::
收藏到网摘: 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