CSS快速入门

CSS

引入方式

CSS 样式文件有两种引入方式，既可以写在 HTML 文件内，也可以作为独立的以.css结尾的文件存在

方式一：使用独立的 CSS 文件引入

当 CSS 样式作为单独的文件时，需要在 HTML 文件的标签中使用link标签来引入该 CSS 文件。

例如，假设有一个名为styles.css的 CSS 文件，要将其引入到 HTML 文件中，需按以下方式在标签内添加link标签：

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

• 在上述代码中：
  • rel="stylesheet"的作用是表明所链接的文件为样式表，用于告知浏览器该文件的性质。
  • href属性则用于指定 CSS 文件的具体路径。这里的路径可以是相对路径（也就是相对于当前 HTML 文件所在位置而言的路径），也可以是绝对路径（完整的文件访问路径）。

方式二：在 HTML 文件内定义 CSS 样式

如果选择将 CSS 样式直接写在 HTML 文件内，那就需要在 HTML 文件的末尾（通常建议放在标签内）使用