合肥做网站首选 晨飞网络,网站建设公司排行榜,电子商务网站是什么,深圳市设计师服务平台css当中有许多平时很少用的属性#xff0c;但是这些属性有时候被发掘出来以后就会立刻引起一些人的追逐#xff0c;首字大写就是这样一种效果。最近越来越多的blogger开始在自己的blog中运用这一方法#xff0c;东西很简单#xff0c;下面就来给大家介绍一下用:first-lette…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;}欢迎大家来到设计之家
