js span class

span 是 HTML 中的一个元素，用于对文本或行内元素进行样式设置或语义上的区分。它本身不具备任何默认样式，但可以通过 CSS 来进行样式定制。

基础概念

<span> 是一个行内元素，意味着它不会开始新的一行，而是与其他行内元素在同一行显示。它通常用于包裹一小段文本或其他行内元素，以便对这些内容应用特定的样式或进行脚本操作。

类型与应用场景

类型：span 主要是行内元素，不涉及复杂的类型分类。
应用场景：
- 对文本中的特定部分进行高亮显示。
- 为文本添加下划线、斜体等特殊样式。
- 在不影响布局的情况下，对文本进行颜色、字体大小等样式调整。
- 结合 JavaScript，实现对页面元素的动态交互效果。

示例代码

以下是一个简单的 HTML 和 CSS 示例，展示了如何使用 span 元素及其 class 属性来应用样式：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Span Example</title>
<style>
    .highlight {
        background-color: yellow;
        font-weight: bold;
    }
</style>
</head>
<body>

<p>This is a paragraph with some <span class="highlight">highlighted text</span>.</p>

</body>
</html>

在这个例子中，<span class="highlight"> 包裹的文本会被设置为黄色背景且字体加粗。