如何导入CSS文件
当我们需要在HTML文档中使用CSS样式来美化页面时，我们需要将CSS文件导入到HTML中。这篇文章将介绍CSS文件导入的三种方法。
方法一：内部样式表
使用内部样式表是将CSS代码放在HTML文件的<head>标签内，通过<style>标签来定义CSS样式。这种方式适用于小型网站或仅需单独样式的页面。
在<head>标签内添加<style>标签，将CSS代码写在其中即可。示例代码如下：
<head>
<style>
p {
color: red;
font-size: 20px;
}
</style>
</head>
这段代码会将所有段落（p标签）的颜色变为红色，字体大小为20像素。
方法二：外部样式表
外部样式表是将CSS代码写在外部文件中，然后通过<link>标签将该文件与HTML文档链接。这种方式适用于需要在多个页面使用相同样式的网站。
首先，我们需要新建一个文本文件，将CSS代码写入其中，并将文件保存为.css文件。例如，我们将文件保存成style.css。
示例代码如下：
p {
color: red;
font-size: 20px;
}
接下来，在HTML文档的<head>标签中添加<link>标签，将外部样式表与HTML文档链接。示例代码如下：
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
这段代码会将HTML文档与style.css文件链接，从而应用其中定义的CSS样式。
方法三：内联样式
内联样式是将CSS样式写在HTML元素的style属性中。这种方式适用于只需为一个特定的元素应用样式的情况。
示例代码如下：
<p style="color: red; font-size: 20px;">这是一个段落。</p>
这段代码会将该段落的字体颜色变为红色，字体大小为20像素。
总结
以上是CSS文件导入的三种方法，我们可以通过选择不同的方式来导入CSS文件，以适应不同的页面需求。使用外部样式表可以使页面样式与内容相分离，使修改变得更为方便；使用内部样式表则可以使CSS样式更为集中，便于维护；而内联样式则可以直接为一个元素应用样式，更加快捷。
CSS样式的导入是页面美化的基础，需要我们注重学习和掌握。