::first-letter ::first-line

CSS的伪元素::first-letter与::first-line分别是用来设置占一行的元素(display:block,如默认的div与p)内的首个字符的样式及第一行的样式,并且他们不会互相干扰,比如

 

  p::first-letter{ font-size:4em; color:Black;}

  p::first-line{font-size:smaller; color:Red;}

虽然第一行设置的字符大小与颜色都与第一个字符的设置不同,但第一个字符还是按照p::first-letter的设置显示,第一行其他字符则按照p::first-line的设置显示

前面说了这俩伪元素是对于display:block的元素来设置的,如果想对:Label控件设置,可以将其包在div或p里面

  <p><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></p>

 

 <div style="display:inline">

    春眠不觉晓,<br />

    处处为啼鸟。<br />

    夜来风雨声,<br />

    花落知多少。<br />

    </div>

像上面这样设置,由于该div的display:inline  所以这俩伪元素的设置将不会起作用。

p::first-letter{float:left;}

以上设置p元素中第一个字符下沉。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值