最常用的方法是使用link标签引入外部CSS。在HTML的head中添加，实现内容与样式分离，便于维护和复用，路径根据项目结构设置为相对或绝对路径。
在网页中引入外部CSS样式，最常用的方法是使用link标签将一个独立的CSS文件链接到HTML文档中。这样可以实现内容与样式的分离，便于维护和复用。
使用 link 标签引入外部CSS
在HTML文档的 head 部分添加以下代码：
css">其中：
- rel="stylesheet" 表示当前链接的资源是一个样式表
- href 指定CSS文件的路径，可以是相对路径或绝对路径
路径写法示例
假设项目结构如下：
Angel工作室企业网站管理系统1.2
下载
Angel工作室企业网站管理系统全DIV+CSS模板，中英文显示，防注入sql关键字过滤，多浏览器适应，完美兼容IE6-IE8,火狐，谷歌等符合标准的浏览器，模板样式集中在一个CSS样式中，内容与样式完全分离，方便网站设计人员开发模板与管理。系统较为安全，以设计防注入，敏感字符屏蔽。新闻，产品，单页独立关键字设计，提高搜索引擎收录。内置IIS测试，双击打启动预览网站 Angel工作室企业网站
立即学习“前端免费学习笔记（深入）”；
project/
├── index.html
└── css/
└── style.css
在 index.html 中应这样引用：
其他引入方式（不推荐用于主样式）
虽然还有其他方法，但适用场景有限：
- 使用 @import 在CSS文件中导入另一个CSS文件（性能较差，阻塞渲染）
- 通过JavaScript动态创建link标签（用于按需加载）
