首字下沉效果

首字下沉效果主要通过用:first-letter伪对象来实现。目前IE和Firefox都支持此属性,所以大家不必顾虑兼容性的问题,当然要记得设置float属性哦,不然就不会出现那种大字紧贴几行的效果了。

:first-letter

版本:CSS2
兼容性:IE5.5+
语法:Selector : first-letter { sRules }
说明:
设置对象内的第一个字符的样式表属性。
此伪对象仅作用于块对象。内联对象要使用该伪对象,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute,或者设定 display 属性为 block。
在此伪类中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。
© Mutian.Wang