HTML中的 `span` 元素和 `class` 屬性
在HTML和CSS中，`span` 是一個內聯元素，通常用於對文本中的一部分進行樣式化或標識。而 `class` 是一個屬性，它用於為HTML元素分配一個或多個類名，這些類名可以在CSS中用來定義樣式規則。
示例
HTML中的 `span` 元素和 `class` 屬性的使用如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Span and Class Example</title>
<style>
.highlight {
background-color: yellow;
}
.bold-text {
font-weight: bold;
}
</style>
</head>
<body>
<p>這是一段普通的文本，但是 <span>這部分文本</span> 使用了黃色的背景。</p>
<p>在另一個句子中，<span>這部分文本</span> 是加粗的。</p>
</body>
</html>在上面的示例中，我們定義了兩個CSS類：`.highlight` 和 `.bold-text`。這兩個類分別給應用它們的 `span` 元素設置了不同的樣式。第一個 `span` 元素使用了 `.highlight` 類，所以它的背景色變成了黃色。第二個 `span` 元素使用了 `.bold-text` 類，所以它的文本變為了加粗。
解釋
- `span`：這是一個HTML元素，用於對文本中的一部分進行分組，或者用於應用樣式。與 `div` 元素不同，`span` 是一個內聯元素，它不會打斷文本的行流。
- `class`：這是一個HTML屬性，用於為元素分配一個或多個類名。類名用於在CSS中標識元素，以便應用樣式規則。一個元素可以有多個類名，類名之間用空格分隔。
使用場景
- 當你想對文本中的某個部分應用特定的樣式時，可以使用 `span` 元素和 `class` 屬性。
- 當你想要通過CSS選擇並操作一組具有相似特性的元素時，可以使用相同的類名。
註意事項
- 類名應該具有描述性，以便理解其用途。
- 不要將ID用作類名，因為ID應該是唯一的，而類名可以被多個元素共享。
- 避免使用過於通用的類名，以防止樣式沖突或意外的樣式應用。
