导入 css 模板的步骤：创建 css 文件并编写样式规则；将 css 文件保存到适当位置；在 html 文档中通过 标签链接到 css 文件；刷新页面查看应用的样式。

如何导入 CSS 模板

导入 CSS 模板是为了将可重复使用的样式应用到多个 HTML 文档中，从而简化 Web 开发流程。以下步骤介绍了如何导入 CSS 模板：

1. 创建 CSS 文件

创建一个具有 .css 扩展名的文件，然后使用文本编辑器或 IDE 打开它。

立即学习“前端免费学习笔记（深入）”；

2. 编写 CSS 代码

在 CSS 文件中，编写要应用于 HTML 文档的样式规则。例如，以下代码将文本样式设置为红色：

p {
  color: red;
}

3. 将 CSS 文件保存到适当的位置

将 CSS 文件保存到 Web 服务器上的适当位置，例如与 HTML 文档所在的文件夹相同的位置。

4. 在 HTML 文档中链接 CSS 文件

在 HTML 文档的

  <link rel="stylesheet" href="styles.css">

5. 刷新页面

保存 HTML 文档并刷新页面以查看已应用的样式。

注意：

• 文件路径：确保 标签中的 href 属性指向 CSS 文件的正确路径。
• 顺序：确保 CSS 文件在 HTML 文档中被链接，因为浏览器会按出现的顺序应用样式。
• 覆盖：如果多个样式规则应用于同一元素，则最后出现的最具体的规则将优先级最高。