CSS的文本(text)可以帮助我们设置文本的显示,在“CSS入门教程——文本属性(text)”一节中,我们简要介绍了文本属性。下面我们就来利用实例实验深化对CSS文本属性的理解。
通过设置CSS中的line-height属性,我们可以设置文本的行高。其中最简单的方式就是只给出一个数字,在下面的文本框中输入数字,就可以设置每一行占据多大的空间。当行高设置为1的时候,表示行高和文字高度是一致的,也就是上下文字两行文本之间没有边距。可以输入其它数据看看不同行高的效果,注意可以输入小数,例如0.6,1.2等等。
line-height:;line-height:normal;
此外,我们也可以用长度或者是百分比指定行高。
通过设置“letter-spacing”属性,我们就可以控制文本中两个文字间的间距了。下面用像素作为单位来设置这个属性值。
letter-spacing:normal
letter-spacing: px;
同样,我们也可以使用其它单位来设置文本间距。
利用CSS的“text-align”属性,我们可以控制文本是“左对齐”、“右对齐”还是“居中”、“两侧对齐”。
text-align:通过设置CSS的“text-indent”属性,我们就可以让文本实现首行缩进。例如,我们通常习惯让每个自然段都空出两个字符,这就可以用该属性实现。
text-indent:2em;
点击上面的按钮之后会发现,所有的内容,包括标题都向后缩进了两个字符。一般情况下,我们都只会让段落(p)缩进两个字符。相信您一定了解如何仅仅给网页内的p元素设置CSS属性。如果还不了解的话,可以看看CSS入门教程——样式表的基本语法(一)。
设置“white-space”属性,可以控制如何显示空格。可以取的属性值包括:normal(正常),pre(按照代码格式),nowrap(不换行)。
text-align:
经过简单的实验发现设置空格对中文文字的影响不大。