HTML引用CSS文件的方法
1. 什么是CSS
CSS即层叠样式表（Cascading Style Sheets）是一种前端技术，用于定义HTML页面的布局、颜色、字体等样式。它与HTML和JavaScript一样，是构建Web页面的三个基本技术之一。通过使用CSS，我们可以让网页更加美观、更易于阅读、更加规范化。CSS通过将样式和内容分离，使HTML文件更具可读性，也更容易维护和修改。下面我们就来看一下如何在HTML中引用CSS文件。
2. CSS文件的引用方法
我们可以使用HTML中的样式表元素（<link>）将CSS文件引入到HTML文档中。下面是一个示例：
<head>
<link rel="stylesheet" href="styles.css">
</head>
在上面的代码中，我们在HTML的
元素内部使用元素来引用CSS文件，rel属性指定样式表的关系，href属性则指定CSS文件的路径（可以是相对路径或绝对路径）。引入的CSS文件必须以.css为扩展名，可以是本地服务器上的文件，也可以是外部服务器的文件。
值得注意的是，<link>元素是自闭合元素，因此不需要在其后面添加闭合标签。此外，我们将元素放在
3. CSS文件的位置
通常情况下，我们会将CSS文件放在项目的根目录下的一个名为styles.css的文件中，这样便于维护和修改。如果我们有多个CSS文件，可以考虑将其分别放在不同的文件夹下，例如：assets/styles.css或styles/styles.css等。
4. CSS的注释
CSS支持注释，我们可以通过注释将一些与样式相关的信息写在CSS文件中。在CSS中，注释使用/* */包围起来。示例如下：
/* 本文件为项目中的通用样式 */
h1 {
color: red;
}
/* 以下是导航菜单的样式 */
.nav {
display: flex;
}
需要注意的是，CSS注释不能嵌套，即一个注释内部不能再包含注释。
5. 总结
我们可以使用HTML中的元素将CSS文件引入到HTML文档中。引入的CSS文件必须以.css为扩展名，可以是本地服务器上的文件，也可以是外部服务器的文件。通常情况下，我们会将CSS文件放在根目录下的一个名为styles.css的文件中，这样便于维护和修改。CSS注释使用/* */包围起来，不能嵌套。