Loading

HTML <span>的用法

<span></span> 的用法主要有以下几种:

  1. 文本样式化:可以通过为 <span> 元素添加 CSS 类名或内联样式来对其中的文本进行样式设置,比如改变字体颜色、字体大小、字体样式等。
<span class="red-text">红色文本</span> <span style="font-size: 20px;">大号字体</span> 
  1. 文本标记化:可以使用 <span> 元素来给文本添加特定的标记,以便后续处理或样式设置。
<span class="highlight">重点标记</span> <span class="tooltip" title="这是一个提示">需要提示的文本</span> 
  1. JavaScript 操作:可以使用 JavaScript 来操作 <span> 元素,实现一些动态效果或交互功能。
<span id="count">0</span> <button onclick="increment()">增加</button> <script> function increment() { var countSpan = document.getElementById("count"); var count = parseInt(countSpan.innerHTML); count++; countSpan.innerHTML = count; } </script> 

posted @ 2023-08-18 15:50  Sawyerhan  阅读(130)  评论(0编辑  收藏  举报