Collection
Collection
id选择器可以标有特点id的HTML元素指定特定的样式，HTML元素以id属性来设置id选择器，CSS中id选择器以“#”来定义
实例：
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
<style type="text/css">
#center{
text-align:center;
}
</style>
</head>
<body><
p id="center">这是一个段落</p>
<p>第二段</p>
</body>
</html>Class选择器用于描述一组元素的样式，class选择器有别于id选择器，class可以在多个元素中使用，class选择器在HTML中以class属性表示，在CSS中，类选择器以一个点“.” 号表示。
实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
<style type="text/css">
.center{
text-align:center;
}
</style>
</head>
<body>
<p class="center">这是一个段落</p>
<p class="center">第二段</p>
</body>
</html>也可以在指定特定的HTML元素使用class。
实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>118qq.top</title>
<style type="text/css">
p.center{
text-align:center;
}
</style>
</head>
<body>
<h1 class="center">这是一个标题</h1>
<p class="center">这是一个段落</p>
</body>
</html>提示：类名的第一个字符不能使用数字！它在部分浏览器中不起作用