在HTML页面中调用外部样式的方法

在编写HTML页面时，我们经常需要为页面添加样式，以改变元素的外观和布局。一种常见的做法是将样式规则直接写在HTML文件中，但这样会导致代码冗长且难以维护。幸运的是，HTML提供了一种方式，可以将样式规则放在外部文件中，并通过引用来调用这些样式文件。这样可以使代码更加模块化和易于管理。

下面我将详细介绍如何在HTML页面中调用外部样式。

1. 创建外部样式文件
   首先，我们需要创建一个外部样式文件，通常使用CSS（层叠样式表）来定义样式规则。可以使用任何文本编辑器创建一个新文件，并将其保存为具有.css扩展名的文件，例如styles.css。

在样式文件中，您可以编写各种样式规则，例如选择器和属性。以下是一个简单的示例：

/* styles.css */

body {
   
   
  background-color: #f2f2f2;
  font-family: Arial