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

Question

我正在写我的第一个web site，它是一个有四页的小页。每个页面都有四个常见的结构元素：header，nav，div id =＆＃34; content＆＃34;和页脚。

接下来，我将CSS属性添加到HTML元素中，并且我已使用ID和类将它们挂钩到CCS样式表中。 我有read，对于元素使用id和class都是正确的，所以我想知道我必须将哪些CSS属性写入CSS id规则以及将哪些属性写入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;
}

提前感谢

Answer 1

没有特定的属性，类和ID之间的唯一区别在于，该ID将在网页上使用一次，并且该类将被多次使用

Answer 2

• 您也可以使用具有id和相同属性的所有属性。
• id和class之间的基本区别是，
  • id用于唯一标识元素，您可以使用样式。每个元素都有不同的id（逻辑上）。
  • 您可以将class用于要应用相同样式属性的许多元素。

• 请参阅下面的简单示例。

  #but {背景颜色：红;}

  .but1 {背景色：蓝色;}

• 此处#but是id，表示只有具有此ID的单个按钮才会有红色背景。 和.but1是类意味着具有此类的所有按钮都将具有蓝色背景颜色。