方法一：内嵌样式(为了方便查看效果我给这个段落加了个红色的边框)
方法二：内链样式(为了方便查看效果我给这个段落加了个蓝色的边框)
方法三：外链样式，同方法二，只不过将样式新建一个文件引入即可
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html charset=gb2312" />
<title>无标题文档</title>
<style>
.duangao{
height:100px border:1px solid #00f
}
</style>
</head>
<body>
方法一内嵌样式(为了方便查看效果我给这个段落加了个红色的边框)：
<p style="height:100px border:1px solid #f00">这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.</p>
方法二内链样式(为了方便查看效果我给这个段落加了个红色的边框)：
<p class="duangao">这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.</p>
方法三外链样式，同方法二，只不过将样式新建一个文件引入即可
</body>
</html>
最终效果图如下：
如果想使单行文字垂直居中，即文字不多，将行高和段落设为一样的数值即可。如：height:100pxline-height:100pox
1.我们首先创建一个新的测试项目，然后创建一个新的index.html、basic.js和basic.css文件。
2.js修改文件中的样式中值div以修改div高度。文件中的文件代码如图所示。
3.我们看到3运行后两个div的高度是一样的..然后我们用js修改高度。
4.我们点击js中的代码，使用属性对应的样式属性获取div1id，然后设置高度如图所示。
5.使用js修改CSS文件中的div的height的值HTML文件中的代码。
6.我们得到js文件中的div1id属性，并使用obj.style.cssTest修改嵌入的css。
7.运行项目后，两个结果是相同的div高度改变。
