本节内容:
CSS 文本属性
一,文本对齐属性(text-align)
这个属性用来设定文本的对齐方式。
有以下值:
left (居左,缺省值)
right (居右)
center (
居中)
justify (两端对齐)
例子:
复制代码 代码示例:
.p2 {text-align:right}
二,文本修饰属性(text-decoration)
这个属性主要设定文本划线的属性。
有以下值:
none (无,缺省值)
underline (下划线)
overline (上划线)
line-through (当中划线)
例子:
复制代码 代码示例:
.p2 {text-decoration: underline}
三,文本缩进属性(text-indent)
这个属性设定文本首行缩进。
其值有以下设定方法:
length (长度,可以用绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px))
percentage (百分比,相当于父对象宽度的百分比)
例子:
复制代码 代码示例:
.p1 {text-indent: 8mm}
.d1 {width:300px}
.p2 {text-indent:50%}
<p class = "p1">脚本学堂,提供的css教程,主要以实例为主,并对有关的问题给出相应的解决方法,有需要的朋友请持续关注!</p>
<div class = "d1">
<p class = p2>脚本学堂,提供的css教程,主要以实例为主,并对有关的问题给出相应的解决方法,有需要的朋友请持续关注!</p>
四,行高属性(line-height)
这个属性设定每行之间的距离。
其值有以下设定方法:
normal (缺省值)
length (长度,可以用绝对单位(cm, mm, in, pt,pc)或者相对单位 (em, ex, px))
percentage (百分比,相当于父对象高度的百分比)
例子:
复制代码 代码示例:
..p1 {line-height:1cm}
.p2 {line-height:2cm}
<p class = "p1">这个段落的CSS行高属性(line-hight)值为1cm,即每行之间的距离是1厘米。</p>
<p class = "p2">这个段落的CSS行高属性(line-hight)值为2cm,即每行之间的距离是2厘米。</p>
五,字间距属性(letter-spacing)
这个属性用来设定字符之间的距离。
有如下的设定方法:
normal (缺省值)
length (长度,可以用绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px))
例子:
复制代码 代码示例:
.p1 {letter-spacing: 3mm}
六,颜色属性(color)
用颜色属性(color)可以改变文本的字体颜色。
例子:
复制代码 代码示例:
.p1{color:gray}