1. 直接引用
直接引用是使用CSS文件本身的名称来引用样式。例如，在HTML文件中，大家可以使用`<style>`标签来引用样式，如下所示：
<style>
body {
font-family: Arial, sans-serif;
</style>
在这种情况下，CSS样式被直接包含在HTML文件中。
2. 绝对引用
绝对引用是在HTML文件中使用`<style>`标签的相对位置来引用样式。例如，在HTML文件中，大家可以使用`<style>`标签的`top`、`left`、`right`属性来引用样式，如下所示：
<style>
.parent {
top: 100px;
left: 50px;
width: 200px;
height: 100px;
.child {
background-color: blue;
</style>
在这种情况下，CSS样式被放在HTML文件的`<style>`标签之后。
3. 相对引用
相对引用是在HTML文件的相对位置来引用样式。例如，在HTML文件中，大家可以使用`<style>`标签的`position`属性来引用样式，如下所示：
<style>
.parent {
position: relative;
.child {
position: absolute;
top: 100px;
left: 50px;
width: 200px;
height: 100px;
</style>
在这种情况下，CSS样式被放在HTML文件的`<style>`标签之前。
这三种引用类型可以根据不同的需求选择使用。直接引用适合使用在HTML文件中，绝对引用适合使用在HTML文件的相对位置，相对引用适合使用在HTML文件的相对位置。选择使用哪种引用类型，需要根据具体情况来决定。