手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS首字下沉 :first-letter用法
CSS首字下沉 :first-letter用法
摘要:见到一些网站的一段文字开头的首字都是很大,看上去挺特别,这叫首字下沉效果,CSS中有现成的语法可以用,那就是:first-letter,我们...

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

 

CSS首字下沉 :first-letter用法1

例子中定义了

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

【CSS首字下沉 :first-letter用法】相关文章:

CSS中的!important属性用法

CSS语法

CSS选择器- easyUI.cssSelector更新

CSS中id和class的区别和用法

关于CSS列表样式属性list-style

DIV+CSS页面布局中BUG解决方法

CSS截取字符串显示省略号

CSS网页布局实用小技巧

DIV+CSS常用技巧

CSS之overflow属性用法

精品推荐
分类导航