CSS教程(五)CSS修饰文本

一、修饰文本属性

  • CSS中控制文本样式的属性主要有font-属性类和text-属性类,加上修改颜色的color属性和行高line-height属性。DW中这些属性设置是放在CSS规则定义面板的“类型”和“区块”中。
  • 其中text-indent表示首行缩进,在每段开头空两格通常是用text-indent: 2em;来实现,
  • text-decoration: none;表示去掉下划线,line-height: 150%;表示调整为1.5 倍行间距。

二、文本对齐属性(TEXT-ALIGN)

这个属性用来设定文本的对齐方式。有以下值:

  • left (居左,缺省值)
  • right (居右)
  • center (居中)
  • justify (两端对齐)

示例代码如下:.p2 {text-align:right}

三、文本修饰属性(TEXT-DECORATION)

这个属性主要设定文本划线的属性。有以下值:

  • none (无,缺省值)
  • underline (下划线)
  • overline (上划线)
  • line-through (当中划线)

          示例代码如下:.p2 {text-decoration: underline overline;} 

四、文本缩进属性(TEXT-INDENT)

这个属性设定文本首行缩进。有以下设定方法:

  • length (长度,可以用绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px))
  • percentage (百分比,相当于父对象宽度的百分比)

         示例代码如下:.p1 {text-indent: 8mm}

五、行高属性(LINE-HEIGHT)

这个属性设定每行之间的距离。有以下设定方法:

  • normal (缺省值)
  • length (长度,可以用绝对单位(cm, mm, in, pt,pc)或者相对单位 (em, ex, px))
  • percentage (百分比,相当于父对象高度的百分比)

           示例代码如下:.p1 {line-height:1cm}

六、文本颜色属性(COLOR)

         用颜色属性(color)可以改变文本的字体颜色。

 示例代码如下:.p1{color:gray}

七、字体间距属性

         这个属性用来设定字符之间的距离。

normal (缺省值)

length (长度,可以用绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px))

示例代码如下:.p1 {letter-spacing: 3mm}