外部 CSS

外部 CSS 是一种向 HTML 文档添加 CSS 样式的方法：将样式放在单独的 CSS 文件中，再使用 <link> 标签将该文件链接到 HTML 文档。这种方法可以让你将相同的样式应用到多个 HTML 页面，从而更轻松地维护和更新网站设计。对于一致性和效率至关重要的大型项目，外部 CSS 是理想的选择。

下面介绍如何使用外部 CSS：

1. 创建一个 CSS 文件（例如 styles.css），并在其中编写 CSS 规则：

body {
    background-color: lightblue;
}
p {
    color: blue;
    font-size: 16px;
}

     2. 在 HTML 文档的 <head> 部分添加 <link> 标签，将 CSS 文件链接到文档：

<!DOCTYPE html>
<html>
<head>
    <title>External CSS</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>Welcome to My Page</h1>
    <p>This is a paragraph of text.</p>
</body>
</html>

在这个示例中，<link> 标签将 styles.css 文件连接到 HTML 文档。rel 属性指定 HTML 文档与链接文件（样式表）之间的关系，href 属性指定 CSS 文件的路径。