如何定义一段文字的首字或者首行文字的样式

转载 2007年09月21日 11:30:00

如何定义一段文字的首字或者首行文字的样式

作者:闪吧   类型:原创   来源:闪吧

  如何定义一段文字的首字或者首行文字的样式
解决思路
首字和首行字分别对应的CSS伪类为:first-letter和:first-line,所以只需要设置对象的两个伪类。 
具体步骤
    代码示例:
    
<style>
p:first-letter{color:green;font-size:24px}
p:first-line{color:red;font-size:12px}
</style>
<p>首字首行伪类定义测试<br>第二行</p>

注意:本例效果只适用于块元素,对于内嵌元素,必须定义position(值为absolute)、width和height属性之一,或者直接设置display属性为block,使内嵌元素转为块元素。
 提示:first-letter和:first-line两个伪类并不仅限于P对象。
特别提示
本例代码运行效果如图2.2.5所示,P对象内的文字第一个字应用了伪类:first-letter定义的样式,而第一行文字(除去第一个)则应用了伪类:first-line定义的样式。

图2.2.5 伪类的应用效果

特别说明


本例用到了两个伪类来解决问题,两伪类的说明如下:
:first-letter设置元素内第一个字符的样式。
:first-line设置元素内第一行字符的样式。 

15-改变首行文字的样式(文字及列表样式)

改变首行文字的样式 p { line-height: 1.6; font-size: 14px; font-family: 华文细黑; } p:FIRST-LINE { color: #f...

NuGet:ToolGood.Words,可检测敏感字或者进行中文字的繁简转换及全角半角转换

分享一个字符串检测类库,可检测敏感字或者进行中文字的繁简转换及全角半角转换。类库名字为ToolGood.Words: 一款高性能非法词(敏感词)检测组件,附带繁体简体互换,支持全角半角互换,获取拼音...

Android 自定义带数字的圆形进度条和中间是文字的圆形进度条View

这是一个自定义带数字的圆形进度条和中间是文字的圆形进度条View。自定义View的基本流程在这里就不多说了。(效果图在最后) 自定义View分好几种。我这个Demo主要用到了自己绘画的和组合的View...

word中怎样在一段文字的右边加注释,修订的具体用法及作用

http://wenwen.soso.com/z/q134486907.htm WORD2003:选中要加注释的文字,打开“插入”菜单,点击“批注”,然后输入注释内容即可。 WORD2007:...

从网上找到的一段定时向上滚动文字的JS代码 和大家分享

从网上找到的一段定时向上滚动文字的JS代码 和大家分享首先要感谢这段JS代码的作者,给我带来很大的方便代码如下:...

每隔一段时间 文字的滚动

String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServ...

Android -- 查询手机上所有的能分享图片或者文字的App packageName

//方法一 查找分享app class name public static Map getShareList(final Activity mActivity) { final Map ap...

iOS富文本设置样式,插入图片,设置指定文字的点击事件

富文本:NSMutableAttributedString 它与普通文本之间最大的区别是可以设置不同字段范围的字体,颜色, 大小,样式等. 字体大小 NSMutableAttributedStri...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何定义一段文字的首字或者首行文字的样式
举报原因:
原因补充:

(最多只允许输入30个字)