p { font-size: 20px; } .big { font-size: 30px; } .small { font-size: 16px; } CSS可以非常简单地实现一行文字大小不一样的效
CSS可以非常简单地实现一行文字大小不一样的效果,只需要给需要设置大小的文本加上一个单独的class即可。
例如,下面这段文本中有一些文字需要设置为大号字体:
<p>这是一段文字,其中部分文字需要变大</p>
我们可以将需要设置大号字体的部分用一个span标签包裹,并为其添加一个"big"的class:
<p>这是一段文字,其中部分文字需要<span class="big">变大</span></p>
然后在CSS中为这个.big类设置一个大号字体的大小:
.big { font-size: 30px }
同样的,我们可以为需要变小号字体的文本添加一个"small"类,并在CSS中为.small类设置一个小号字体的大小,如下面的例子:
<p>这是一段文字,其中部分文字是<span class="big">大号字体</span>,其他文字是<span class="small">小号字体</span></p> .big { font-size: 30px } .small { font-size: 16px }
通过这种方式,我们可以轻松地实现一行文字大小不一的效果,让文本更加富有兴趣和变化性。
粉丝
0
关注
0
收藏
0