在HTML中引入CSS文件，通常有两种主要方法：
1. **外部样式表**：这是最常见的方法，通过``元素在HTML文档的``部分引入CSS文件。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
在这个例子中，`styles.css`是CSS文件的名称，它应该与HTML文件在同一个目录下，或者你可以提供完整的URL路径。
2. **内联样式**：虽然这不是推荐的方法，但你也可以直接在HTML元素中使用`style`属性来引入CSS。
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;">这是一个蓝色的标题</h1>
<p style="color:red;">这是一个红色的段落。</p>
</body>
</html>
在这个例子中，CSS样式直接应用于`h1`和`p`元素，这种方法通常只适用于单个元素或少数几个元素的样式，对于大型项目或需要重复使用的样式，使用外部样式表更为合适。
在编写HTML和CSS时，应始终遵循最佳实践，包括使用语义化的HTML标签，避免使用内联样式，以及使用CSS预处理器（如Sass或Less）来组织和管理你的CSS代码。
