css - 哪些 CSS 属性进入 Id，哪些进入类

Question

我正在写我的第一个网站，它很小，只有四页。每个页面都有四个常见的结构元素：页眉、导航、div id="content" 和页脚。

接下来，我将 CSS 属性添加到 HTML 元素，并使用 ID 和类将它们挂钩到 CCS 样式表中。我已经读过对元素同时使用 id 和 class 是正确的，所以我想知道我必须将哪些 CSS 属性写入 CSS id 规则以及哪些 CSS 属性写入 CSS 类规则。

我想举个例子。我应该编写以下 CSS 规则：

.centered_box{
  margin: 0 auto;
  width: 960px;
}

然后将其应用于结构元素：header、main 和 footer 或者最好将 margin 和 width 属性重复到结构元素的 id CSS 规则中：

header, nav, footer, div#content {
  margin: 0 auto;
  width: 960px;
}

预先感谢

score 2 · Accepted Answer

没有特定的属性，类和ID之间的唯一区别是ID在网页上使用一次，而类要多次使用

score 1 · Accepted Answer

您也可以使用具有 id 的所有属性和具有类的相同属性。
id 和 class 之间的基本区别是，
- id 用于唯一标识元素，您可以为其使用样式。每个元素都有不同的 id（逻辑上）。
- 您可以将类用于要应用相同样式属性的许多元素。
请参阅下面的简单示例。

#but{背景颜色：红色；}

.but1{背景颜色：蓝色；}
这里 #but 是 id，意味着只有具有此 id 的单个按钮才会有红色背景。并且 .but1 是类意味着具有此类的所有按钮都将具有蓝色背景色。

2 回答 2