标签用于外部引入css文件，适合中大型项目，代码分离清晰、复用性强、便于缓存；
在网页开发中，引入CSS样式表是实现页面美观和布局的关键步骤。HTML提供了多种方式来引入CSS，其中最常用的是使用<link>标签和<style></style>标签。那么它们各自有什么特点？在实际开发中又该如何选择呢？
1. <link>标签：外部引入CSS文件
这是最常见也是推荐的方式。通过<link>标签，我们可以将一个或多个外部CSS文件引入到HTML文档中。
<link rel="stylesheet" href="styles.css">
这种方式的优点很明显：
立即学习“前端免费学习笔记（深入）”；
- 代码分离清晰：HTML负责结构，CSS负责样式，两者分开更利于维护和协作。
- 复用性强：一套CSS文件可以被多个页面引用，节省重复代码。
- 便于缓存：浏览器可以缓存外部CSS文件，提升加载速度。
适合大多数项目，尤其是中大型网站或者需要多人协作的项目。
2. <style></style>标签：内嵌CSS样式
如果你只需要为当前页面定义一些简单的样式，可以直接在HTML文档的部分使用<style></style>标签。
<style>
body {
background-color: #f0f0f0;
}
</style>这种方式更适合以下场景：
- 页面非常简单，不需要复杂的样式表。
- 某些样式只在当前页面生效，不希望污染全局。
- 需要快速调试或展示效果时。
不过要注意，内嵌样式不利于复用，也不方便后期维护，因此不适合大规模项目。
3. 行内样式（顺便提一下）
虽然不是<link>或<style></style>标签，但有时候也会看到直接在HTML元素上写style属性的情况：
<div style="color: red;">红色文字</div>
这种方式虽然灵活，但可维护性差，样式难以复用，建议仅用于临时修改个别元素的样式。
总的来说，如果是正式项目，优先使用<link>标签引入外部CSS文件；如果只是小范围样式控制或快速测试，可以用<style></style>标签；而行内样式尽量少用。合理选择方式，能让你的代码更清晰、项目更容易维护。
基本上就这些。
