CSS文本

CSS letter-spacing 属性

比较:

• letter-spacing定义了字与字之间的距离.
• word-spacing是控制字与字之间空格的宽度.

示例

.ls3px
{
	letter-spacing:3px;
}

.lsn3px
{
	letter-spacing:-3px;
}

正值为增大距离,负值为缩小距离.

css letter-spacing 属性示例

说明:

• letter-spacing属性在英文中代表字母与字母之间的距离,在中文中代表字与字之间的距离.

CSS word-spacing 属性

示例

.ws30
{ 
	word-spacing:30px;
}

.wsn30
{ 
	word-spacing:-10px;
}  

正值为增大距离,负值为缩小距离.

 

比较:

• letter-spacing定义了字与字之间的距离.
• word-spacing是控制字与字之间空格的宽度.

说明:

• word-spacing属性是为英文准备的,由于英文都是以空格分开的单词,所以它就代表词与词之间的距离.在中文的句子中只能使用空格隔开每个字才能表现出word-spacing属性.

CSS text-decoration 属性

示例

p#underline
{
	text-decoration:underline;
}

p#overline
{
	text-decoration:overline;
}

p#line-through
{
	text-decoration:line-through;
}

p#blink
{
	text-decoration:blink;
}

p#underover
{
	text-decoration:underline overline;
}

p#underoverthroughblink
{
	text-decoration:underline overline line-through blink;
}

 

说明:

• HTML的u标签定义下划线样式的文字,s标签与strike标签定义了删除线样式的文字,此标签已经被w3c抛弃.

CSS text-transform 属性

示例

p#capitalize
{
	text-transform:capitalize;
}

p#uppercase
{
	text-transform:uppercase;
}

p#lowercase
{
	text-transform:lowercase;
}

CSS text-align 属性

示例

p#left
{
	text-align:left;
}

p#right
{
	text-align:right;
}

p#center
{
	text-align:center;
}

p#justify
{
	text-align:justify;
}

 

CSS text-indent 属性

示例

p
{
	text-indent:58%;
}

如果段落p的父级元素是body，那么段落p第一行的缩进总是相对于body元素的58%(什么是父级元素我将在CSS高级教程中介绍).

p#indent
{
	text-indent:2em;
}

p#unindent
{
	text-indent:-2em;
}

正值向后缩,负值向前进.

 

说明:

• 首行缩进等价于在首行文字之前插入一段指定的距离.
• 把文本缩进text-indent用在p标签中,可以实现每个段落的首行缩进两个文字.对中文来说是非常有用的,从而使我们摆脱使用空格进行首行缩进时代:).
• 当使用百分比做为值的时候,缩进总是相对于父级元素的大小.

CSS white-space 属性

示例

p#pre
{
	white-space:pre;
}

说明:

• IE6只有在正确使用文档类型时才可以使用pre属性.
• IE6使用nowrap属性时,容器可能被撑开(这是ie的bug).
• 没有浏览器能正确的完善的支持pre-wrap与pre-line属性.