在开发网页时，我们通常需要引用样式表来美化页面，其中CSS文件就是其中的一种样式表文件。在本文中，我们将详细介绍如何把CSS文件引用到HTML网页中，以实现网页的美化功能。
什么是CSS文件？
在介绍如何引用CSS文件之前，我们需要先了解一下什么是CSS。CSS（Cascading Style Sheets）也叫层叠样式表，是一种用来描述HTML网页外观和样式的语言。CSS可以控制网页文件的布局、颜色、字体、边框、背景等一系列外观和样式。
CSS文件通常以.css为后缀名，可以独立编写，也可以与HTML文件合并在一起编写。
为什么需要引用CSS文件？
引用CSS文件的主要作用是将CSS样式与HTML文档分离，这样可以让HTML文档更加易于维护和修改。同时，也可以减小HTML文档的大小，加快网页的加载速度，提升用户体验和网站的SEO排名。
如何引用CSS文件？
引用CSS文件可以通过以下步骤实现：
步骤1：创建CSS文件
在开发网页时，我们可以独立创建一个CSS文件，其中包含我们要使用的样式。假设我们要创建一个名为style.css的CSS文件，可以按照以下步骤完成：
1. 打开文本编辑器或代码编辑器；
2. 创建一个新文件；
3. 将所需的CSS样式写入文件中；
比如，我们要设置网页中所有段落的文字颜色为红色，可以写入以下样式代码：
p {
color: red;
}
4. 保存文件并将其命名为style.css（注意文件后缀名为.css）。
步骤2：将CSS文件与HTML文档关联
关联CSS文件与HTML文档可以通过在HTML文档中添加<link>标签来实现。这个标签可以放在<head>标签内，用于指定与HTML文件关联的CSS文件。具体实现方式如下：
1. 在HTML文档中找到<head>标签，并在其内部添加<link>标签；
2. 使用href属性指定CSS文件的路径（可以使用相对路径或绝对路径）；
3. 使用rel属性指定文档与被链接文档之间的关系；
4. 使用type属性指定链接文档的MIME类型。
例如，假设我们要引用同级目录下的style.css文件，可以按照如下代码添加<link>标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My webpage</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
这是一段红色字体的文字。
</body>
</html>
其中，<link>标签指定style.css文件的路径为当前目录下的style.css文件，rel属性指定与文档之间的关系为stylesheet，type属性指定链接文档的MIME类型为text/css。这时，我们就可以在HTML文档中使用style.css中定义的样式，如上面代码中的红色文字。
步骤3：验证CSS文件是否成功引用到HTML文档中
验证CSS文件是否成功引用到HTML文档中可以通过在浏览器中查看页面源代码来实现。在页面源代码中，我们可以看到是否有“”这段代码，如果有，则说明CSS文件已经成功引用；如果没有，则说明CSS文件没有成功引用。
总结
引用CSS文件是开发网页的重要组成部分，可以让网页变得更加美观、易于维护和修改，同时还可以提升用户体验和网站的SEO排名。在实现引用CSS文件时，我们可以通过创建CSS文件和在HTML文档中添加<link>标签来实现。