< span >标签的使用

span标签可以为< p >标签中的部分文字添加样式且不会改变文字的显示方向

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title><span>标签的应用</title>
  <style type="text/css">
    p{font-size: 14px;}
    p .show,.bird span{font-size: 36px;font-weight: bold;color: blue;}
    p #dream{font-size: 24px;font-weight: bold;color: red}
  </style>
</head>
<body>
<p>享受<span class="show">"24*7"</span> 全天候服务</p>
<p>在你身后,有一群人默默支持你成就<span id="dream">IT梦想</span> </p>
<p class="bird">选择<span>努力学习</span>,成就你的梦想</p>
</body>
</html>

效果

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐