• ----:)欢迎访问源码网(:----
    • 首页
    • 博客
    • 学院
    • 下载
    • 论坛
    • 影视
    • 发布源码
    • RSS
    • ITPig
    • 笑话网
    • 百家姓
    • 繁體中文

源码网 - 中国第一源码门户
选择镜像:网通镜像 - 电信主站
  • 首 页
  • 新闻动态
  • 网站运营
  • 网页制作
  • WEB开发
  • 编程开发
  • 图像媒体
  • 操作系统
  • 数据库
  • 服务器
热门搜索 优化 SEO 故事 cms IIS7 MySQL 个人 AdSense 主题推广 | 文章搜索: 高级搜索
会员登录/控制面版您的位置: 学院首页 >> 网页制作 >> CSS 学习 >> 详细内容
 

推荐文章

 
 

热点文章

  • 纯DIV/CSS对联漂浮广告代码(无JS)
  • 绝对经典:DIV+CSS菜单.比flash更逼真
  • DIV+CSS布局入门教程(六) -- 关于ID和CLASS
  • 代码优化之(一)CSS的重要性
  • CSS滤镜参考
  • 配合全国哀悼日网站变灰CSS代码
  • 入门教程:CSS基本语法及用法入门
  • 推荐一些所谓的CSS的“顶级”技巧
  • 基于 CSS 的 ASCII 艺术
  • 代码实例:纯CSS代码实现翻页
  • 修饰之美:CSS在表格边框上的美学应用
  • 学习技巧:动态引入css
 
 

相关文章

 
 

百度搜索

 
 

网页特效之用css样式表实现首字大写

  • 阅览次数:
  • 文章来源: CP整理
  • 原文作者:
  • 整理日期: 2008-09-06
  • 发表评论
  • 字体大小:
  • 小
  • 中
  • 大

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属性):

<style>
p{line-height:25px;}
p:first-letter{font-size:50px;line-height:50px;}
</style>
<p>欢迎大家来到<a href="http://www.eb163.com">WEB编程站</a></p>

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

<style>
p{line-height:25px;}
p:first-letter{font-size:50px;line-height:50px;float:left;}
</style>
<p>欢迎大家来到<a href="http://www.eb163.com">WEB编程站</a></p>

上一篇:js进度条
下一篇:如何正确理解_root/_level/depth的关系
  • 网友评论:
  • 查看所有评论
  • 我要发表评论
您的网名:
留言主题:
你要发表的内容:

 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 发布软件 | 帮助中心 | 源码论坛

Copyright © 2005-2007 CodePub.Com  程序支持:木翼  滇ICP备05005971号