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

HTML/XHTML教程
HTML表格标记教程(37):表头的背景图象属性BACKGROUND
HTML表格标记教程(41):表头的宽度和高度属性WIDTH、HEIGHT
HTML表格标记教程(36):表头的背景色属性BGCOLOR
揭开HTML 5工作草稿的神秘面纱
清除网页文字水印的两种简单方法
W3C公布最新的HTML5标准草案
XHTML与CSS的面向对象编程
XHTML三种文件类型声明
通过实例掌握BR和P标签的区别
网页表格或div层在网页中被撑开解决之道
网页设计之网页音乐的实现技巧
XHTML常用标签介绍
HTML网页图片标记
网页表单设计实例技巧五则
HTML网页列表标记学习教程
HTML网页超链接标记
HTML表单标记教程(4):
HTML表单标记教程(5):文字域标记
HTML表单标记教程(2):
HTML表单标记教程(3):输入标记

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


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