这次碰到个问题，我使用了一个span元素，样式定义为

line-height:1.5;

使用firebug查看，box高度并没有变化，但是其父元素的高度却增加了。

捣鼓了半天才明白，原来span默认是内联，内联元素的height和line-height不会对其box高度起作用。

但是line-height虽不影响本身，但是会影响最近的block显示的祖先元素box高度。（因为line-height定义是相邻行文字基线间的距离。）

height则不会影响本身和祖先元素。

如果将span设置为block显示，那么height和line-heigt将会影响到元素本身box高度。

还发现如果是html5 DOCTYPE效果不会一样，似乎高度要高一点。

然后看看字体，从英文排版到中文排版，line-height是一样的，不回因为字体改变而影响高度，但是主要的问题是安全的中文字体好看的真是没有。

目前公认最安全的是arial，兼顾中西，win和mac。但是arial也不是很好看，而且字体大小最好不要小于12px,否则看着像蚂蚁团，模糊不清。

参见:

http://www.cnblogs.com/rainman/archive/2011/08/05/2128068.html 深入理解CSS中的行高

http://dancewithnet.com/2009/11/22/default-web-font-style/  默认Web字体样式