《深入了解css的行高LineHeight属性.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、CSS浏览器什么是行间距？古时候我们是用印刷机来处理文字，印出来的每个字都位于独立的一个块里。行间距，即传说中控制两行文字之间垂直距离的东东。在CSS，line-height被用来控制行与行之间的垂直距离。不过行间距与半行间距还是取决于CSS中的line-height。那么如何来使用line-height？默认状态，浏览器使用1.0-1.2line-height.这是一个初始值。你可以定义CSS里的line-height属性来覆盖默认值Css代码  p { line-height:140%; }p{line-height:140%

2、;}你可以用5种方式来定义line-height:1、line-height可以被定义为normal。Css代码  body { line-height:normal; }body{line-height:normal;}2、line-height可以被定义为继承p{line-height:inherit;}3、line-height可以使用一个百分比的值p{line-height:120%;}4、line-height可以被定义为一个长度值（单位px、em等）p{line-height:20px;}5、line-height也可

3、以被定义为纯数字（甚至没有单位）p{line-height:1.2;}缩写line-height那5种line-height值也可以在font属性里缩写line-height值紧跟着font-size值，使用斜杠隔开/举例来说......值normalbody{font:100%/normalarial;helvetica,sans-serif;}值百分比body{font:100%/120%arial;helvetica,sans-serif;}值长度body{font:100%/

4、20pxarial;helvetica,sans-serif;}值纯数字body{font:100%/1.2arial;helvetica,sans-serif;}计算line-height有些CSS属性是可继承(inherited)(从层叠的元素里传递下来)这样设计是为了方便开发者于是他们不用为所有后代元素再设置一次例如：color属性是可继承的。如果body被定义了color，那么它会传递给页面里的所有元素对于line-height继承会有一点复杂为了更好的演示line-height的各种用法使用如下的HTML代码

co

5、nsectetueradipiscing....

Loremipsumdolorsitamet....