DIV+CSS教程：[8]行间距、字间距和首字放大

DIV+CSS教程：[8]行间距、字间距和首字放大

在使用word文档时，经常使用到行间距、字间距和首字放大这样的效果，其实网页也同样需要这种效果，而CSS可以轻松实现效果。

在CSS中line-height的值表示二行文字之间基线的距离，line-height的值可以设置为相对数值，也可以设置绝对数值。

以下是测试效果的代码：

百度经验是百度于2010年10月推出的一款生活知识系新产品。它主要解决用户"具体怎样做"，重在解决实际问题。在架构上，整合了百度知道的问题和百度百科的格式标准。

经验是一篇能指导人们达到某种目的的文章，通常包括概述、工具/原料、步骤/方法、注意事项、参考资料等几个部分，其中步骤/方法详细的描述了达到目的的操作过程，便于学习和模仿。经验一般含有丰富的图片（如果必要），和简明的文字，通常和现实生活联系紧密，能帮助人们解决实际问题。

使用绝对数值，为达到统一的效果，而使用相对数值，可以随着用户自定义的字体大小而改变相应的行距。

在CSS中可以通过letter-spacing属性来调整字间距。同样也可使用相对数值和绝对数值。此外还可通过使用负数来实现文字的重叠效果

测试效果代码如下：

百度经验是百度于2010年10月推出的一款生活知识系新产品，负数

它主要解决用户"具体怎样做"，重在解决实际问题，相对数值

在现实生活中通常使用首字放大的效果来吸引读音的眼球，而在CSS中是可以通过对第一个字进行左浮动来实现。

测试效果代码如下：

百度经验是百度于2010年10月推出的一款生活知识系新产品。它主要解决用户"具体怎样做"，重在解决实际问题。在架构上，整合了百度知道的问题和百度百科的格式标准。经验是一篇能指导人们达到某种目的的文章，通常包括概述、工具/原料、步骤/方法、注意事项、参考资料等几个部分，其中步骤/方法详细的描述了达到目的的操作过程，便于学习和模仿。经验一般含有丰富的图片（如果必要），和简明的文字，通常和现实生活联系紧密，能帮助人们解决实际问题。

在CSS中还可以通过伪类“first-letter”来控制首字放大的效果，但是该属性对其它样式支持不是很好，所以不建议使用。所以只作为了解一下。