1. 在HTML文件中直接写入CSS代码
在HTML文件中，可以直接使用<style>标签将CSS代码嵌入到HTML中。这种方式非常简单，但是适用于CSS代码较少的情况。
优点：
简洁方便，不需要额外的文件。
适用于只有少量CSS代码的情况。
示例：
<style>
p {
color: red;
font-size: 16px;
}
</style>
上述示例中，定义了一个p标签的样式，文字颜色为红色，字号为16px。
2. 在HTML文件中引入外部CSS文件
除了将CSS代码直接嵌入HTML文件中，我们还可以使用<link>标签引入外部的CSS文件。
优点：
可维护性好，CSS代码与HTML代码分离，便于管理和修改。
可重用性强，多个HTML文件可以共享同一份CSS文件。
示例：
<link rel="stylesheet" href="style.css">上述示例中，使用<link>标签，将名为"style.css"的外部CSS文件引入到HTML文件中。
3. 在HTML文件中使用@import语句引入外部CSS文件
除了使用<link>标签引入外部CSS文件，还可以使用@import语句在CSS文件内部引入其他CSS文件。
优点：
可维护性好，CSS代码可分散在多个文件中，便于管理和修改。
可重用性强，多个CSS文件之间可以相互引用。
示例：
@import url("style.css");上述示例中，在CSS文件中使用@import语句，引入名为"style.css"的外部CSS文件。
总结
上述介绍了CSS文件的三种引入方式，根据实际情况选择合适的方式来引入CSS文件。
如果CSS代码很少，可以直接在HTML中写入CSS代码，这样方便快捷。
如果CSS代码较多，建议使用<link>标签引入外部CSS文件，便于管理和修改。
如果需要在CSS文件中引入其他的CSS文件，使用@import语句可以实现多个CSS文件之间的相互引用。