详解CSS文件的三种引入方式

下面是详解CSS文件的三种引入方式的完整攻略：

1. 外部样式表

使用外部样式表是把CSS规则写在一个独立的外部文件中，然后在HTML文件中通过\元素来引用。这种方式具有以下优点：
- 可以将CSS样式从HTML文档中分离出来，降低文档复杂度，方便管理和维护。
- 外部文件可以被多个HTML页面引用，可以有效地减少页面体积和提高重复利用率。

外部样式表的语法如下：

<head>
  <link rel="stylesheet" href="style.css">
</head>

其中rel="stylesheet"表示引用的文档是一个样式表文件，href指定该文件的路径。例如，下面是一个简单的示例，该外部样式表文件名为style.css，里面包含了一个样式：

h1 {
  color: red;
}

内部样式表是指把样式规则写在HTML文件中的标签中的