您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

CSS首字下沉 :first-letter用法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

   见到一些网站的一段文字开头的首字都是很大,看上去挺特别,这叫首字下沉效果,CSS中有现成的语法可以用,那就是:first-letter ,我们先来了解一下:first-letter 的语法说明:选择器: first-letter { CSS规则 } ,此伪对象仅作用于块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或display 属性为 block 。你可以在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。来个简单例子帮助理解用法:

 

CSS首字下沉 :first-letter用法  三联

  例子中定义了

  中的文字首字母的“源”字要比其它字符大,这里要首先定义div中的一般文字大小,以做区分,一般情况下,一般文字的字号要比下沉的首字母字号要大,这里一般字号的定义在body选择器中,字号为12px。