在HTML中，我们可以通过多种方式将CSS样式链接到HTML文档中，以下是一些常见的方法：

1、外部样式表

2、内部样式表

3、内联样式

我们将详细讨论这些方法，并提供示例代码。

1. 外部样式表

外部样式表是将CSS代码存储在一个单独的文件中，然后在HTML文档中引用该文件，这是最常用的方法，因为它允许我们在多个HTML页面中重用相同的样式。

步骤：

1、创建一个CSS文件，例如styles.css。

2、在HTML文档中使用元素引用CSS文件。

示例代码：

假设我们有一个名为styles.css的CSS文件，内容如下：

body {
  backgroundcolor: lightblue;
}
h1 {
  color: white;
  textalign: center;
}

在HTML文档中，我们可以使用以下代码链接到styles.css文件：

  
  
  


  
Welcome to My Web Page

2. 内部样式表

内部样式表是将CSS代码直接放在HTML文档的部分中的

Welcome to My Web Page

  
  


  
Welcome to My Web Page