通过link标签将CSS与HTML分离可提升维护性，需在head中添加link标签并设置rel="stylesheet"、href指向CSS文件路径，支持相对或绝对路径引用，确保样式优先加载。
如果您希望将CSS样式与HTML文档分离，以提高代码的可维护性和复用性，则可以通过link标签引入外部样式表文件。以下是实现该功能的具体方法：
一、使用link标签引入外部CSS
通过在HTML文档的<head>部分添加link标签，可以将一个外部CSS文件链接到当前页面。这种方式使得多个页面能够共享同一份样式文件，便于统一管理外观风格。
1、在HTML文档的<head>区域插入<link>标签。
2、设置rel属性值为stylesheet，表明链接的目标是一个样式表文件。
立即学习“前端免费学习笔记（深入）”；
3、使用href属性指定外部CSS文件的路径，例如：style.css。
4、确保type属性设置为text/css（尽管现代浏览器中该属性可省略）。
二、正确放置link标签位置
link标签应放置在HTML文档的头部区域，即<head>与</head>之间。这样可以在页面内容加载前预先加载样式，避免出现无样式内容短暂显示的问题。
1、打开需要应用样式的HTML文件。
2、定位到<head>标签内部。
3、将完整的link标签写入其中，如：<link rel="stylesheet" href="style.css">。
4、保存文件并刷新浏览器查看效果。
三、使用相对路径或绝对路径引用CSS文件
href属性支持相对路径和绝对路径两种方式来定位CSS文件。选择合适的路径格式有助于确保资源正确加载。
1、若CSS文件位于与HTML文件相同的目录下，可直接写文件名，例如：style.css。
2、若CSS文件存放在子目录中，如css/文件夹内，则路径应为css/style.css。
3、对于上级目录中的文件，使用../style.css表示返回上一级后再查找。
4、也可使用完整URL作为绝对路径，适用于跨域资源引用，例如：https://example.com/styles/main.css。
