在HTML中，创建公用文件是一种将重复使用的代码或样式整合在一起的方法，以便于在多个页面中重用，公用文件通常包括CSS样式表、JavaScript代码以及图像等，通过使用公用文件，可以提高网站的性能、可维护性和一致性，本文将详细介绍如何制作HTML公用文件。
我们需要创建一个CSS文件，这将包含我们网站的所有样式，创建一个新的文本文件，并将其命名为“styles.css”，在该文件中，我们可以编写CSS代码，
/* 这是一个简单的样式表示例 */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
header {
background-color: #333;
color: white;
padding: 10px;
text-align: center;
}
nav {
display: flex;
justify-content: space-around;
background-color: #555;
}
nav a {
color: white;
text-decoration: none;
padding: 5px 10px;
}
main {
margin: 15px;
}
接下来，我们需要在HTML文件中引入这个CSS文件，为了实现这一点，我们需要在HTML文件的<head>部分添加一个<link>标签，并将CSS文件的路径指定为该标签的href属性值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例网站</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>我的网站</h1>
</header>
<nav>
<a href="#">首页</a>
<a href="#">关于我们</a>
<a href="#">联系我们</a>
</nav>
<main>
<h2>欢迎来到我的网站</h2>
<p>这是一个使用公用文件的示例网站。</p>
</main>
</body>
</html>
通过这种方式，我们可以在多个HTML文件中重复使用同一个CSS文件，同样的方法也适用于JavaScript文件和图像等其他类型的公用文件。
常见问题与解答：
Q1: 如何创建一个CSS文件？
A1: 创建一个新的文本文件，并将其命名为希望的CSS文件名（styles.css），然后在该文件中编写CSS代码。
Q2: 如何在HTML文件中引入CSS文件？
A2: 在HTML文件的<head>部分添加一个<link>标签，并将CSS文件的路径指定为该标签的href属性值。
Q3: 公用文件有哪些优点？
A3: 公用文件可以提高网站的性能、可维护性和一致性，通过减少代码的重复，可以提高页面加载速度，同时方便对样式和功能的统一管理。
