如何引入css

在 HTML 中引入 CSS 有以下几种常见的方式：

内部样式表（Inline Style）：在 HTML 元素的 style 属性中直接嵌入 CSS 样式。示例如下：

<div style="color: red;">这是一个红色的段落。</div>

内部样式表（Internal Style Sheet）：将 CSS 样式写在 HTML 文件的<style>标签中。示例如下：

<style>
  body {background-color: lightblue;}
</style>

外部样式表（External Style Sheet）：将 CSS 样式保存为一个独立的 CSS 文件（例如 style.css），然后在 HTML 文件中通过<link>标签引用该文件。示例如下：

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

其中，rel 属性指定链接类型，type 属性指定文件类型，href 属性指定外部样式表文件的路径。

导入样式表：可以使用@import语句在一个 CSS 文件中导入其他 CSS 文件。示例如下：

@import "style.css";

选择哪种方式引入 CSS 取决于你的项目需求和结构。内部样式表适用于特定的 HTML 文档，外部样式表更便于维护和重用。导入样式表常用于模块化和复杂的项目中。

另外，还可以根据需要使用 CSS 预处理器（如 Sass、LESS 等）来编写和管理 CSS 样式。

以上是一些常见的引入 CSS 的方式，你可以根据实际情况选择适合的方法。记得在使用外部样式表时，要确保 HTML 文件和 CSS 文件的路径正确，并且在 HTML 文件中正确地引用了 CSS 文件。

鹏仔前端pjxi.com https://www.pjxi.com/