CSS首字下沉 :first-letter用法
摘要：见到一些网站的一段文字开头的首字都是很大，看上去挺特别，这叫首字下沉效果，CSS中有现成的语法可以用，那就是:first-letter，我们...
见到一些网站的一段文字开头的首字都是很大，看上去挺特别，这叫首字下沉效果，CSS中有现成的语法可以用，那就是:first-letter ，我们先来了解一下:first-letter 的语法说明：选择器: first-letter { CSS规则 } ，此伪对象仅作用于块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或display 属性为 block 。你可以在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。来个简单例子帮助理解用法：
例子中定义了
中的文字首字母的“源”字要比其它字符大，这里要首先定义div中的一般文字大小，以做区分，一般情况下，一般文字的字号要比下沉的首字母字号要大，这里一般字号的定义在body选择器中，字号为12px。
【CSS首字下沉 :first-letter用法】相关文章：
上一篇：
JS控制css float属性的用法
下一篇：
2种方法实现CSS LI隔行换色