首页
关于我们
服务项目
作品展示
服务支持
联系我们
友情链接
网站地图
 您当前位置:网络学院 -> 图像网站系-> 网站建设-> CSS/HTML 教程
网页特效之用css样式表实现首字大写
作者:admin 来源:网络
日期: 2007-2-27
站内搜索
文章页数:[1] 

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 }

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属性哦,不然就不会出现那种大字紧贴几行的效果了。

范例(未设置float属性):


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


文章页数:[1] 
放大字体显示 缩小字体显示 打印文章 推荐给朋友
热门文章
·网页特效之用css样式表实现首字大写
·web标准常见问题大集合
·如何有效管理好CSS
·使用图片和CSS结合制作动画按钮
·CSS样式表:详细介绍IE7新支持的选择器
·网站设计之合理架构css
·Bad Tags — 有害的标签
·有关HTML代码的另类应用技巧
·XHTML代码的基本应用
·CSS超级技巧大放送合集
最新文章
·认清CSS的类class和标识id选择符
·网站设计之合理架构css
·CSS超级技巧大放送合集
·网页特效之用css样式表实现首字大写
·用CSS样式表来定义博客上的链接样式
·网页制作 谈谈CSS样式表的命名规范
·如何有效管理好CSS
·IE不解释VBSCRIPT的原因和解决办法
·web标准常见问题大集合
·解读absolute与relative
相关主题
  • 用CSS样式表来定义博客上的链接样式
  • 网页制作 谈谈CSS样式表的命名规范
  • CSS样式表:详细介绍IE7新支持的选择器
  • 版权申明:除部分特别声明不要转载,或者授权本站独家播发的文章外,大家可以自由转载本站的原创文章,但原作者和来自本站的链接必须保留(非本站原创的,按照原来自一节,自行链接)。文章版权归本站和作者共有。
    转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去本站水印。
    特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。
    发表评论  打印  刷新  推荐给朋友  返回顶部  关闭

    网上大名: