什么是外部 CSS？深入解析与示例代码

在编程中，外部 CSS（层叠样式表）在网页设计和开发中起着重要的作用。外部 CSS 是一种将样式信息与 HTML 文档分离的方法，它能够提供更好的代码组织性、可维护性和可重用性。本文将详细解析什么是外部 CSS，并提供相应的示例代码，以便更好地理解其用法和优势。

外部 CSS 是一种将样式信息存储在独立的 CSS 文件中的方法，而不是直接将样式规则嵌入到 HTML 文档中。通过将样式与内容分离，我们可以实现样式的重用，并且能够对整个网站或应用程序进行一致的样式管理。

要使用外部 CSS，我们需要创建一个独立的 CSS 文件，通常使用 .css 扩展名。这个文件将包含一系列样式规则，每个规则定义了一个或多个元素的样式。下面是一个简单的外部 CSS 文件的示例：

/* styles.css */

body {
   
  background-color: #f1f1f1;