行间距，是在设计网页中段落文本行之间的距离。CSS使用line-height属性定义行高，在网站建设时，该属性的用法如下。
line-height : normal | length
其中，normal表示默认值，一般为1.2em；length表示百分比数字，或者由浮点数字和单位标识符组成的长度值，允许为负值。
【示例】新建一个网页，保存为test.html，在<head>标签内添加<style type="text/css">标签，定义一个内部样式表，然后输入下面样式，定义两个行高类样式。
.p1 {
font-size:12pt;
line-height:12pt; /*行间距为绝对数值*/}
.p2 {
font-size:10pt;
line-height:2em; /*行间距为相对数值*/}
然后在<body>标签中输入两行段落文本，并应用上面两个类样式。
<h1>社戏</h1><h2>鲁迅
</h2>
<p class="p1">我在倒数上去的二十年中，只看过两回中国戏，前十年是绝不看，因为没有看戏的意思和机会，那两回全在后十年，然而都没有看出什么来就走了。</p>
<p class="p2">第一回是民国元年我初到北京的时候，当时一个朋友对我说，北京戏最好，你不去见见世面么？我想，看戏是有味的，而况在北京呢。于是都兴致勃勃的跑到什么园，戏文已经开场了，在外面也早听到冬冬地响。我们挨进门，几个红的绿的在我的眼前一闪烁，便又看见戏台下满是许多头，再定神四面看，却见中间也还有几个空座，挤过去要坐时，又有人对我发议论，我因为耳朵已经喤的响着了，用了心，才听到他是说“有人，不行！”</p>
CSS在网页制作时使用text-indent属性定义首行缩进，该属性的用法如下：
text-indent : length
length表示百分比数字，或者由浮点数字和单位标识符组成的长度值，允许为负值。建议在设置缩进单位时，以em为设置单位，它表示一个字距，这样比较精确确定首行缩进效果。
【示例】新建一个网页，保存为test.html，在<head>标签内添加<style type="text/css">标签，定义一个内部样式表，然后输入下面样式，定义段落文本首行缩进2个字符。
p {
text-indent:2em; /*首行缩进2个字距*/}
然后在<body>标签中输入如下标题和段落文本。
<h1>社戏</h1>
<h2>鲁迅 </h2>
<p>我在倒数上去的二十年中，只看过两回中国戏，前十年是绝不看，因为没有看戏的意思和机会，那两回全在后十年，然而都没有看出什么来就走了。</p>
<p>第一回是民国元年我初到北京的时候，当时一个朋友对我说，北京戏最好，你不去见见世面么？我想，看戏是有味的，而况在北京呢。于是都兴致勃勃地跑到什么园，戏文已经开场了，在外面也早听到冬冬地响。我们挨进门，几个红的绿的在我的眼前一闪烁，便又看见戏台下满是许多头，再定神四面看，却见中间也还有几个空座，挤过去要坐时，又有人对我发议论，我因为耳朵已经喤的响着了，用了心，才听到他是说“有人，不行！”</p>
当前文章标题：如何在网页制作时使用CSS定义文本样式（四）
当前URL：http://www.lyjtt.cn/news/wzzz/3065.html
下一篇：设计网页正文样式
