在 HTML 中引用 CSS 文件可将样式信息链接到网页，控制其外观和布局。具体步骤包括：创建一个 ".css" 扩展名的 CSS 文件。在 HTML 文件的 部分中使用 标签引用 CSS 文件，指定 rel="stylesheet" 和 href="style.css"。可链接多个 CSS 文件。可使用媒体查询加载不同尺寸或设备的特定样式表。
HTML 中引用 CSS 文件
在 HTML 中引用 CSS 文件是一种将样式信息链接到网页的方式，以控制网页的外观和布局。以下是引用 CSS 文件的步骤：
1. 创建一个 CSS 文件
在文本编辑器中创建一个新文件，并使用 ".css" 作为文件扩展名。在文件中添加 CSS 样式规则。
立即学习“前端免费学习笔记（深入）”；
2. 在 HTML 文件中引用 CSS 文件
在要应用样式的 HTML 文件的 部分中，使用 标签引用 CSS 文件：
JS超酷图片翻动展示效果
下载
JS超酷图片翻动展示效果，根据鼠标进出图片的方向来控制图片进出的方式，效果超炫，兼容主流浏览器。 使用方法： 1、head区域引用文件 lrtk.css，animation.css 2、在文件中加入!-- 代码 开始 --!-- 代码 结束 --区域代码 3、js代码需要在html代码之后载入public.js，main.js 4、如需修改图片尺寸，直接在lrtk.css第10行修改即可
- rel="stylesheet" 指示浏览器该文件是一个样式表。
- href="style.css" 指定了 CSS 文件的路径。
3. 链接多个 CSS 文件（可选）
如果需要，可以使用多个 标签链接多个 CSS 文件。它们将在链接的顺序中应用到网页上。
4. 媒体查询（可选）
可以添加媒体查询以在不同的屏幕尺寸或设备上加载不同的样式表。使用 media 属性进行设置：
- 当屏幕宽度小于或等于 600px 时，将加载 "mobile.css"。
注意：
- CSS 文件的路径相对于 HTML 文件的位置。
-
标签可以放在部分的任何位置，但通常放在头部开始处。 - 确保 CSS 文件名和路径正确，否则样式不会被应用。
