css样式全大写,用css样式表实现首字大写

css当中有许多平时很少用的属性,但是这些属性有时候被发掘出来以后就会立刻引起一些人的追逐,首字大写就是这样一种效果。最近越来越多的blogger开始在自己的blog中运用这一方法,东西很简单,下面就来给大家介绍一下用:first-letter伪类来实现这种效果的方法:

:first-letter版本:CSS2  兼容性:IE5.5+

语法:

Selector : first-letter { sRules }

说明:

设置对象内的第一个字符的样式。

此伪对象仅作用于块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。

在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。

示例:

p a:first-letter { color: green }

P:first-letter { color:red;font-size:16px;float:left; }

应用于:

IE5.5+ ADDRESS BLOCK QUOTE BODY CENTER DD P DL DT FIELDSET FORM Hn LEGEND LI LISTING MARQUEE MENU P PLAINTEXT PRE XMP

目前IE和FF都支持此属性,所以大家不必顾虑兼容性的问题,当然要记得设置float属性哦,不然就不会出现那种大字紧贴几行的效果了。

范例(未设置float属性):

p{line-height:25px;}

p:first-letter{font-size:50px;line-height:50px;}

欢迎大家来到设计之家

范例(设置float属性为left):

p{line-height:25px;}

p:first-letter{font-size:50px;line-height:50px;float:left;}

欢迎大家来到设计之家

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值