在css中，line-height与height是常用的样式属性，它们分别起着不同擢爻充种的作用，line-hei爿讥旌护ght设置行高，height设置高度。下面小编举例讲解CSS中line-height与height的区别。
工具/原料
html+css
代码编辑器：DreamweaverCS5
方法/步骤
1、新建一个html文件，命名为test.html，用于讲解CSS中line-height与height的区别。
2、在test.html文件中，分别给两个p标签设置class属性，分别为n1，n2。主要用于下面分别对p标签使用line-height和height样式，讲解它们的区别。
3、为了展示明显的效果，在罕铞泱殳css标签内，使用css设置p标签的样式，定义p元素为1px灰色边框，宽度为300px，并使用margin-bottom设置两个p标签相隔10px。
4、在css标签内，通过class类名，分别使用line-height和heignt属性设置两个p标签的样式。代码如下：
5、在浏览器打开test.html文件，查看实现的效果。
6、由上面的页面效果可以看出，line-height用于设置行的高度，例如，文字的行高，可以使文字居中；而height用于设置html元素的高度，并不会让内容居中。
