css样式表实现首写字母大写
发布时间：2007-10-08 12:11:00
标签：大写,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 }
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>欢迎大家</p>
查看效果：
范例(设置float属性为left)：
<style>
p{line-height:25px;}
p:first-letter{font-size:50px;line-height:50px;float:left;}
</style>
<p>欢迎大家</p>
查看效果：
0
投稿猜你喜欢
本文实例为大家分享了Python实现五子棋游戏的具体代码，供大家参考，具体内容如下了解游戏的规则是我们首先需要做的事情，如果不知晓规则，那么- context 有什么作用context 主要用来在goroutine 之间传递上下文信息，包括：取消信号、超时时间、截止时间、k-v 等。
- 英文文档：class type(object)class type(name, bases, dict)With one argument,
- 这是官方对SubFolders的介绍：返回由指定文件夹中所有子文件夹（包括隐藏文件夹和系统文件夹）组成的 Folders 集合。object
- python脚本自动生成需要文件在工作中我们经常需要通过一个文件写出另外一个文件，然而既然是对应关系肯定可以总结规律让计算机帮我们完成，今天
- datetime 时间包认识 datetime 时间包：date：日期；time：时间；所以 datetime 就是 日期与时间的结合体使用
- 前言：一直想写一个监控方面的脚本，然后想到了运维这方面的，后来就写了个脚本，下面话不多说了，来一起看看详细的介绍吧。准备：psutil模块（
- 我们可以使用Basemap这个工具包来实现中国地图的绘制首先需要加载一些包：import numpy as npimport matplot
- 零、前言python代码中配置文件是必不可少的内容。常见的配置文件格式有很多中：ini、yaml、xml、properties、txt、py
- ARIMA模型预测餐厅销量import numpy as npimport pandas as pdimport matplotlib.py
- 变量输入就是用代码获取用户通过键盘输入的信息。python中可以使用input()函数实现输入变量， input() 函数接受一个标准输入数
- 为什么能实现在线编辑呢? 首先需要ie 的支持，在 ie 5.5以后就有一个编辑状态，就是利用这个编辑状态,然后用javascript 来控
- bootstrap-table简介•1.1、bootstrap table简介及特征： &nb
- 将dataframe添加到texttable里面,实现格式化输出。data=[{"name":"Amay&qu
- 上次学会了爬取图片，这次就想着试试爬取商家的联系电话，当然，这里纯属个人技术学习，爬取过后及时删除，不得用于其它违法用途，一切后果自负。首先
- 前言我们知道当文件不存在的时候，open()方法的写模式与追加模式都会新建文件，但是对文件进行判断的场景还有很多，比如，在爬虫下载图片的时候
- 本文实例讲述了django实现分页的方法。分享给大家供大家参考。具体如下：Python代码如下：#!/usr/bin/env python#
- 如何避免磁盘临时表因为内存储引擎不支持TEXT和BLOB数据类型， 使用到BLOB和TEXT列的查询和使用隐式临时表的查询将不得不使用MyI
- Python获取当前时间_获取格式化时间：Python获取当前时间：使用 time.time( ) 获取到距离1970年1月1日的秒数(浮点
- 其实，这是一个非常容易解决掉的问题。在我看来，似曾相识，呵呵，最近学JavaScript可是学会了使用var声明变量。其实，在PHP中根本不
