HTML 中嵌入 CSS 样式的四种常见实现方法如下：

1. 内联样式（Inline CSS）

直接在 HTML 标签的 style 属性中写样式，针对单个元素生效。

<p style="color: red; font-size: 20px;">这是红色大号文字</p>

优点：简单，快速修改单个元素样式
缺点：不易维护，样式分散，不推荐大规模使用

2. 内部样式表（Internal CSS）

在 HTML 文档的 <head> 标签中使用 <style> 标签定义样式，适用于单个页面的样式控制。

<head>
  <style>
    p {
      color: blue;
      font-size: 18px;
    }
  </style>
</head>
<body>
  <p>这是蓝色文字</p>
</body>

优点：集中管理，适合单页面样式
缺点：不利于多个页面共享样式

3. 外部样式表（External CSS）

通过 <link> 标签引入外部 CSS 文件，适合多个页面共享样式。

<head>
  <link rel="stylesheet" href="styles.css">
</head>

外部文件 styles.css 内容示例：

p {
  color: green;
  font-size: 16px;
}

优点：样式集中管理、代码复用强、便于维护
缺点：需额外请求文件（一般影响较小）

4. 导入样式表（@import）

通过 CSS 中的 @import 语法在样式表内导入另一个样式表。

<head>
  <style>
    @import url("styles.css");

    body {
      background-color: #f0f0f0;
    }
  </style>
</head>

优点：可分层组织样式文件
缺点：加载速度比直接 <link> 慢，兼容性稍差

小结表格

方法位置用途优缺点
内联样式标签内 style 属性单个元素快速样式维护差，代码冗余
内部样式表<head><style> 标签单页面集中管理不易复用，多页面需复制
外部样式表<head><link> 标签多页面共享样式需额外请求，维护方便
@import 导入<style> 内使用样式文件分层导入加载慢，不推荐大量使用

需要示例代码或者更详细的讲解随时告诉我！