📜  HTML 跨度标签(1)

📅  最后修改于: 2023-12-03 15:31:17.972000             🧑  作者: Mango

HTML 跨度标签

HTML 跨度标签(span)是一种行内元素,用于对文本或其他行内元素进行样式设置或标记。它通常与 CSS 结合使用,以实现更灵活的样式。

基本语法
<span>文本或其他行内元素</span>

<span> 标签可以包裹任何行内元素,例如文字、图片、链接等。

样式设置

通过给 span 标签添加类名或内联样式,可以为包裹的文本或元素设置样式。例如:

<span class="highlight">高亮文本</span>

<span style="color: red; font-size: 20px;">红色 20px 字体大小的文本</span>
结合 CSS 使用

通常我们使用 span 标签来和 CSS 相结合,以实现更丰富的样式效果。例如:

<span class="fancy-text">炫酷样式文本</span>

<style>
.fancy-text {
  color: purple;
  text-shadow: 1px 1px 1px #000;
  font-style: italic;
}
</style>
总结

HTML 跨度标签是用于对文本或其他行内元素进行样式设置或标记的标签。它可以和 CSS 结合使用,实现更灵活的样式效果。