龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

CSS line-height 简单教程

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
CSS line-height 简单教程 定义 line-height 定义两行之前的高度。 继承:是 注:负值是不容许的。 JavaScript的语法 的CSS属性也可以动态改变一个JavaScript 。 脚本语法: object.style.lineHeight = 2

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>
会看到什么效果呢.


精彩图集

赞助商链接