CSS line-height 简单教程

CSS line-height 简单教程

定义
 line-height  定义两行之前的高度。

继承:是

注:负值是不容许的。

JavaScript的语法
的CSS属性也可以动态改变一个JavaScript 。

脚本语法: object.style.lineHeight = “ 2 ”

来看个line-height实例教程吧.

p
{
line-height: 1.4
}

p
{
line-height: 14pt
}

p
{
line-height: 140%

来看个实例.

<html>
<head>
<style type=”text/css”>
p.small
{
line-height: 10px
}
p.big
{
line-height: 30px
}
</style>
</head>
<body>

<p>

这是第一个标准线的高度。
默认行高在大多数浏览器是20px 。
这是第一个标准线的高度。
这是第一个标准线的高度。

</p>

<p class=”small”>

这是第一个大线的高度。
这是第一个大线的高度。
这是第一个大线的高度。
这是第一个大线的高度。

</p>

<p class=”big”>

这是第一个大线的高度。
这是第一个大线的高度。
这是第一个大线的高度。
这是第一个大线的高度。

</p>

</body>
</html>
会看到什么效果呢.

CSS line-height 简单教程

相关文章:

你感兴趣的文章:

标签云: