内联CSS通过style属性为单个元素设置样式，优先级最高但难以维护；2. 内部CSS在head中用style标签定义，适用于单页项目；3. 外部CSS通过link引入独立样式文件，利于多页复用和团队协作；应根据项目规模选择方式，推荐外部CSS以提升可维护性。
在HTML中使用CSS有三种主要方式：内联CSS、内部CSS和外部CSS。每种方式适用于不同场景，理解它们的区别有助于写出更清晰、可维护的代码。
内联CSS（Inline CSS）
内联CSS是直接在HTML元素的style属性中写样式规则。
- 语法：<p style="color: red; font-size: 14px;">文本</p>
- 作用范围：仅对当前元素生效
- 优先级：最高，会覆盖其他方式定义的相同样式
- 适用场景：临时调试或个别元素需要特殊样式
- 缺点：难以维护，无法复用，不利于分离结构与样式
内部CSS（Internal CSS）
内部CSS是在HTML文档的<head>部分使用<style>标签定义样式。
- 语法：<style> p { color: blue; } </style>
- 作用范围：仅限当前HTML页面
- 优先级：低于内联，高于外部
- 适用场景：单页项目或页面样式独立且不复用
- 缺点：不能跨页面复用，样式仍与结构耦合
外部CSS（External CSS）
外部CSS是将样式写在单独的.css文件中，通过<link>标签引入HTML。
立即学习“前端免费学习笔记（深入）”；
- 语法：<link rel="stylesheet" href="styles.css">
- 作用范围：可被多个HTML文件共享
- 优先级：默认最低，但可通过选择器权重提升
- 适用场景：多页面网站，追求代码复用和维护性
- 优点：实现结构与样式的完全分离，易于团队协作和缓存优化
基本上就这些。选择哪种方式取决于项目规模和维护需求。小型页面可用内部，复杂项目推荐外部，内联尽量少用，避免污染HTML结构。
