→ CSS快速入门
　→ 怎样编写CSS
　→ CSS属性
　　 1.字体属性
　　 2.颜色和背景属性
　　 3.文本属性
　　　　※定义间距
　　　　※装饰超链接
　　 4.“容器”属性
　　 5.分级属性
　　 6.鼠标属性
　→ CSS定位
　→ CSS滤镜　

/pc/bin/msg.pl?file_id=k_css target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

三、CSS属性

　　3、文本属性

　　※定义间距

　　前面说了如何用CSS定义字体、颜色和背景属性，那么定义好的文本我们怎么对它进行排版呢？

　　下面我们讲述一下CSS的文本属性，还是先来看一下文本属性的详细列表：

///pc/homepage/css/img/css058.gif" width="580" height="285" border="0" alt="文本属性">

　　我们可以从表中看到在这里可以定义文本的文字间距、字母间距、装饰、对齐方式、缩进方式和行高等属性。 举个例子来看看吧。比如下面这段文字（如左下图）：

///pc/homepage/css/img/css008.gif" width="260" height="251" border="0" alt="未排版的页面">　///pc/homepage/css/img/css009.gif" width="258" height="254" border="0" alt="排版后的页面">

　　我们对这段文字加上文本属性重新排版，排版后的效果如右上图所示。
　　我们看到经过文本属性处理的文本字与字之间多了间距，行与行之间多了行高，对齐方式变成了两端对齐，并且段首又多缩进了两格。这是怎样实现的呢？很简单，只是在html中加了如下的代码：

　　<p style=“letter-spacing：1em；text-align：justify；text-indent：
　　4em；line-height：17pt”>……</p>

　　//*letter-spacing设置了字间距为1em，其中1em为一个长度单位；text-align设
　　置了对齐方式为两端对齐；indent设置了缩进格为4em；line-height设置了行高为
　　17pt*//

　　从上面的例子，我们可以看出利用CSS的文本属性可以方便的对页面中的文本进行排版。下一节我将向您介绍文本的Text-decoration属性的一个小应用。

上一节　下一节   

/pc/bin/msg.pl?file_id=k_css target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法