甘肃省建设监理协会 官方网站百度导航

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

1. Class（类）:

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

   HTML:

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

   CSS:

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

2. ID（标识）:

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

   HTML:

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

   CSS:

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

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