相关文章
北京网站设计JavaScript是怎样让互联网变慢的
网页设计初学者指南：DHTML中重要的属性方法
网站设计非设计师谈设计之Apple改版
企通互联HTML语言剖析（十）链接标记
企通互联HTML语言剖析（九）图形标记
北京网页设计Adobe Fireworks CS3的新特性
北京网站制作应用DIV+CSS编码时容易犯的一些错误
www.qitongnet.com动态网站Web开发PHP、ASP还是ASP.NET
网站设计如何在网页中输入上下标？
网站设计网页经典代码（六）
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 网站设计北京网站建设网页特效之用css样式表实现首字大写
网站设计北京网站建设网页特效之用css样式表实现首字大写
css当中有许多平时很少用的属性，但是这些属性有时候被发掘出来以后就会立刻引起一些人的追逐，首字大写就是这样一种效果。最近越来越多的blogger开始在自己的blog中运用这一方法，东西很简单，下面就来给大家介绍一下用:first-letter 网站建设伪类来实现这种效果的方法: 站.长.站 企通互联
:first-letter 北京网站制作版本:CSS2 兼容性:IE5.5+
站.长站
语法: Chinaz_com
Selector : first-letter { sRules }
Chinaz
说明:
Chinaz.com
设置对象内的第一个字符的样式。
中国站长.站
此伪对象仅作用于块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或者设定 display 属性为 block 。 北京网站设计
在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。 中国站长.站
示例: 中国站长_站,为中文网站提供动力
p a:first-letter { color: green }
div:first-letter { color:red;font-size:16px;float:left; }
应用于:
IE5.5+ ADDRESS BLOCK QUOTE BODY CENTER DD DIV DL DT FIELDSET FORM Hn LEGEND LI LISTING MARQUEE MENU P PLAINTEXT PRE XMP
目前IE和FF都支持此属性，所以大家不必顾虑兼容性的问题，当然要记得设置float属性哦，不然就不会出现那种大字紧贴几行的效果了。 网站设计 Chinaz@com
范例(未设置float属性):
<style>网站设计
p{line-height:25px;}北京网页设计
p:first-letter{font-size:50px;line-height:50px;}北京网站建设
</style>网页设计
<p>欢迎大家来到<a href="http://www.chinaz.com">中国站长站</a></p>北京网站建设
网页设计
范例(设置float属性为left)： www.qitongnet.com
<style>企通互联
p{line-height:25px;}网站设计
p:first-letter{font-size:50px;line-height:50px;float:left;}网页设计
</style>北京网站建设
<p>欢迎大家来到<a href="http://www.chinaz.com">中国站长站</a></p>
中国.站.长站
