内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

CSS首字下沉 :first-letter用法

2017-01-08 10:48 出处:电脑高手整理 人气: 评论(0

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

 

CSS首字下沉 :first-letter用法  电脑高手

  例子中定义了

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

相关栏目

相关文章



分享给小伙伴们:

评论

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

签名: 验证码: 点击我更换图片

评论列表

    Copyright © 2002-2016 dngsw.cn 电脑高手网 版权所有

    粤ICP备13005586号-3