class id

在HTML和CSS中，"class" 和 "id" 是用于标识和定制元素的两种重要属性。

1. Class（类）:

• "class" 属性用于标识一个或多个HTML元素，允许你为它们应用相同的样式规则。
• 可以将相同的类应用于多个不同元素。
• 在CSS中，通过选择类名来定义样式规则。
• 示例：

2. HTML:

<p class="highlight">这是一个有类的段落。</p> <div class="highlight">这是一个有类的 div。</div>

1. CSS:

.highlight { background-color: yellow; color: black; }

1. ID（标识）:

• "id" 属性用于唯一标识一个HTML元素，每个页面中的 "id" 值应该是唯一的。
• 通常用于标识页面中的重要元素，如导航栏、页眉、页脚等。
• 在CSS中，通过选择 "id" 来定义样式规则。
• 示例：

2. HTML:

<header id="page-header">这是页面的页眉。</header> <nav id="main-nav">这是主导航菜单。</nav>

1. CSS:

#page-header { background-color: lightgray; } #main-nav { background-color: #0077b6; color: white; }

总的来说， "class" 用于标识多个元素并为它们应用相同的样式，而 "id" 用于唯一标识一个元素。在CSS中，可以使用选择器来选择这些类和ID，并为它们定义样式规则。但要记住，应该避免滥用 "id"，因为过多的 "id" 可能会导致HTML和CSS变得难以维护。通常，"class" 更适合用于样式的重用。