多语言展示
当前在线:1237今日阅读:84今日分享:32

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

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

电脑

方法/步骤
1

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

3

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

4

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

6

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

8

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

推荐信息