最常用的方法是使用link标签引入外部CSS。在HTML的head中添加，实现内容与样式分离，便于维护和复用，路径根据项目结构设置为相对或绝对路径。
在网页中引入外部CSS样式，最常用的方法是使用link标签将一个独立的CSS文件链接到HTML文档中。这样可以实现内容与样式的分离，便于维护和复用。
使用 link 标签引入外部CSS
在HTML文档的 head 部分添加以下代码：
css">其中：
- rel="stylesheet" 表示当前链接的资源是一个样式表
- href 指定CSS文件的路径，可以是相对路径或绝对路径
路径写法示例
假设项目结构如下：
两种html5图片展示效果
下载
两种html5图片展示效果，动画效果流畅，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、在head区域引入样式表文件app.css，index.css和fonts.css 2、在你的网页中加入注释区域代码即可 3、图标均使用Web开放字体，具体文件见css目录
立即学习“前端免费学习笔记（深入）”；
project/
├── index.html
└── css/
└── style.css
在 index.html 中应这样引用：
其他引入方式（不推荐用于主样式）
虽然还有其他方法，但适用场景有限：
- 使用 @import 在CSS文件中导入另一个CSS文件（性能较差，阻塞渲染）
- 通过JavaScript动态创建link标签（用于按需加载）
