现在的位置: 首页 >> 网页设计 >> CSS >> CSS属性之文本属性
添加时间:2005-11-10 来源:网教中国 作者: 未知
CSS属性之文本属性


  3、文本属性

  ※定义间距

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

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

文本属性

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

未排版的页面 排版后的页面

  我们对这段文字加上文本属性重新排版,排版后的效果如右上图所示。
  我们看到经过文本属性处理的文本字与字之间多了间距,行与行之间多了行高,对齐方式变成了两端对齐,并且段首又多缩进了两格。这是怎样实现的呢?很简单,只是在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属性的一个小应用。


上一篇:CSS属性之文本属性二 下一篇:CSS属性之颜色和背景属性
大部分文章摘自网上,如有侵犯您的权益请与我们联系,我们会第一时间进行处理,谢谢! [ 打印文章 ] [ 关闭窗口 ]
推荐文章
·利用CSS改善网站可访问性
·用CSS控制网页总体风格
·DropShadow属性、Chroma属性和bl
·CSS字型的设定
·CSS应用基础教程(1) 基本认识
·为打印输出创建一个CSS样式
·WEB设计中CSS样式表应用小技巧十
·XHTML+CSS的静态页面实现多风格
·实例详解CSS滤镜(5)DropShadow属
·实例详解CSS滤镜(10)Xray属性
相关文章
·CSS属性之文本属性二
·CSS属性之“容器”属性一
·CSS属性之“容器”属性二
·CSS属性之“容器”属性三
·CSS属性之“容器”属性四
·CSS属性之分级属性
·CSS属性之鼠标属性
·4.用于CSS属性定义的语法
·CSS属性之颜色和背景属性
·CSS属性之字体属性
最新文章
·CSS制作11种风格不同的特效文字
·利用CSS改善网站可访问性
·显示/隐藏引出的CSS Bug
·网页技巧之怎样编写CSS
·CSS快速入门
·有关表格边框的css语法整理
·巧用CSS控制鼠标样式变换
·CSS实例:横线样式的输入框
·巧用CSS滤镜做图案文字
·CSS自定义属性Expression
Google