在HTML中引入外部样式是美化网页、提升用户体验的重要手段，外部样式表可以让网页的布局和格式保持统一，同时提高代码的可维护性，如何才能在HTML中引入外部样式呢？我将为大家详细介绍这一过程。
我们需要创建一个外部样式表文件，其扩展名为.css，在这个文件中，我们可以编写CSS代码来设置网页的样式，我们可以定义字体大小、颜色、边距、背景等属性。
创建好外部样式表文件后，接下来就需要在HTML文件中引入这个样式表，以下是几种常见的引入外部样式表的方法：
### 一、使用标签引入在HTML文件中，我们可以使用``标签来引入外部样式表，具体代码如下：```html
```
在这段代码中，``标签有几个重要的属性：1. `rel`：定义了当前文档与被链接文档之间的关系，在这里它的值为`stylesheet`，表示被链接的文档是一个样式表。
2. `type`：指定了被链接文档的类型，在这里它的值为`text/css`，表示链接的是一个CSS样式表。
3. `href`：指定了外部样式表的路径，`style.css`就是我们要引入的外部样式表文件。
### 二、使用@import指令引入
除了使用``标签外，我们还可以在CSS文件中使用@import指令来引入外部样式表，具体代码如下：```html
```
在这段代码中，`@import`指令后面跟着的是外部样式表的路径，需要注意的是，@import指令必须放在CSS文件的顶部，否则可能无法正常引入外部样式。
以下是对这两种方法的详细解析：
### 引入外部样式表的步骤
1. **创建外部样式表文件**：我们需要创建一个CSS文件，并在其中编写所需的样式规则。
```css
/* style.css */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
h1 {
color: #333;
text-align: center;
p {
font-size: 16px;
line-height: 1.5;
```
2. **在HTML文件中引入外部样式表**：创建好CSS文件后，我们需要在HTML文件中引入它，以下是几种方法：
- **使用``标签**：如前所述，这是最常用的引入外部样式表的方法。- **使用@import指令**：在HTML文件的`