CSS选择器是用来选择需要改变样式的HTML元素的模式。到CSS3为止，支持的选择器类型有6种，包括标签选择器、派生选择器（上下文选择器）、id选择器、class选择器、属性选择器和通配符*选择器。以下是这六种选择器的简要介绍：
- 标签选择器：通过HTML元素的标签名来选择元素。
- 派生选择器（上下文选择器）：通过元素的上下文关系来选择元素。
- id选择器：通过元素的id属性来选择元素，id属性是唯一的，且没有值列表。
- class选择器：通过元素的class属性来选择元素，不具有唯一性，且有词列表。
- 属性选择器：通过元素的属性及属性值来选择元素。
- 通配符选择器：通过“”符号来选择所有元素。
以下是一些元素选择器的例子：
- 标签选择器：
p {
color: red;
}上述样式表示，所有<p>标签的元素都将被设置为红色。
- 类选择器：
.intro {
font-size: 20px;
}上述样式表示，所有class属性为intro的元素都将被设置为字体大小为20px。
- ID选择器：
#firstname {
border: 1px solid black;
}上述样式表示，id为firstname的元素将被设置一个黑色的边框。
- 后代选择器：
div p {
color: blue;
}上述样式表示，所有包含在<div>标签内的<p>标签的元素都将被设置为蓝色。
- 子元素选择器：
div > p {
color: green;
}上述样式表示，所有直接作为<div>标签子元素的<p>标签的元素都将被设置为绿色。
- 相邻兄弟选择器：
div + p {
color: purple;
}上述样式表示，所有紧接在<div>标签后面的<p>标签的元素都将被设置为紫色。
- 通用兄弟选择器：
div ~ p {
color: orange;
}标签选择器是CSS布局中非常基础和重要的选择器，它可以让我们轻松地选择并样式化HTML元素。以下是一些常用的HTML标签元素，它们都可以被用作标签选择器：
<div>：块级元素，常用来作为布局的容器。<p>：段落元素，用于文本内容。<h1>到<h6>：标题元素，用于显示不同级别的标题。<span>：内联元素，常用来为文本的一部分设置样式。<a>：链接元素，用于创建超链接。<img>：图像元素，用于插入图片。<ul>、<ol>和<li>：列表元素，用于创建不同类型的列表。<form>：表单元素，用于收集用户输入。<article>、<aside>、<footer>、<header>、<nav>等：这些是HTML5中新增的语义化标签元素，可以根据需要选择使用。
除了上述提到的标签元素，HTML中还有许多其他的标签元素，如<section>、<article>、<footer>等，都可以根据实际需要进行选择和使用。