Question

是否可以在HTML中使用公共代码文件？例如，我们使用HTML创建一些网页，需要设置一个共同的背景。但是在指定之后，在每个页面中更改它都太烦人了。如果他们都将脚本共享到具有背景颜色代码的公共文件，那将会很快。以下代码的位置将由所有其他网页共享。这可能吗？

<html>
<style>
  body
      {
       background-image:url("Brown_wall.jpg");
      }
</style>
</html>

Answer 1

使用您的背景图片创建一个CSS文件并将其链接到您的html。这适用于当前目录中的每个文件。任何高于或低于此值的东西都需要稍微修改一下。

Answer 2

link标记是您正在寻找的内容。这个article on MDN涵盖了向HTML添加样式表的细节，您只需更改该文件即可查看包含它的每个页面中反映的更改。它还使您的HTML文件更短，更少冗余！这是一个例子。您将这些文件保存在同一目录中。

<强>的index.html

<html>
<head>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <p>Hello <span>world</span>!</p>
</body>
</html>

<强>的style.css

p span {
  color: green;
}