CSS中的ID和Class是两种常见的选择器。在网页设计中，我们使用ID来为某一元素命名，便于在样式中进行操作。使用Class则可以给一组元素添加相同的样式，提高代码的可复用性。下面我们来逐一了解它们的使用。

#id{}.class{}

首先介绍ID。ID是用来唯一标识HTML元素的，这也是它和Class的最大区别。在CSS样式中，我们可以通过“#”符号来表示ID选择器。例如：

#header{color: #333;font-size: 24px;}

代码中的“header”就是HTML中的ID名称。这样操作后，CSS的样式就只会对该ID下的元素生效，而不影响其他元素。使用ID时要遵循以下几点：

• ID名称不能重复。
• 只能用一次，不能多次使用在同一个HTML元素上，否则无效。
• ID是唯一的，通常用在比较重要的元素上，如页面的主体、导航栏等。

接下来介绍Class。Class是用来为一组元素添加相同的样式的。在CSS样式中，我们可以通过"."符号来表示Class选择器。例如：

.article{color: #666;font-size: 16px;}

在HTML中，我们可以为某一元素添加Class，例如：

<div ><p>这是一篇文章</p><p>这是第二段内容</p></div>

这样，用了“article”类名的所有元素都会应用这些样式了。使用Class时要遵循以下几点：

• Class名称可以重复，不像ID可以唯一，可以多次应用在HTML元素上。
• Class可以用在任何HTML元素上。
• 与ID不同，Class命名时不需要受元素的语义影响。借助Class，可以通过组合来实现一些强大的样式效果。

总结：使用ID和Class一定要注意区分它们的不同点，并且注意遵循一些规则，这样在编写CSS时可以更加得心应手。