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

转载 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...

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

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

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

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

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

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

每隔一段时间 文字的滚动

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

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

富文本:NSMutableAttributedString 它与普通文本之间最大的区别是可以设置不同字段范围的字体,颜色, 大小,样式等. 字体大小 NSMutableAttributedStri...

01-超链接文字的样式(页面效果)

Demo超链接 td { font-size: 9pt; color: #007766; } a:link { font-size: 9pt; color: #cccccc; font-...

【Android】修改Tablayout中标签文字的样式

我们在用TabLayout和ViewPager做可以滑动的标签和碎片时,标签的样式一般只能设置文字颜色、滑块的颜色和厚度值如果我想设置文字的大小和加粗,在这必须用到app:tabTextAppeara...

初学者之CSS学习(五)控制文字的css样式

控制文字的css样式 h1{ width: 500px; height: 200px; border: 3px solid purple; color: blue; /*文字字体 电...

TextView中分段改变文字的样式

接触android不深的童鞋们是不是以为TextView只能整体设置颜色,大小啊?我最开始就是这么认为的。但是看到新浪微博客户端的效果时发现,这里有得搞。仔细看看android.text包,你会很有收...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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