如何让不同的网页使用一个 CSS 文件？答案

【问题标题】：How to make different webpages use one CSS file?如何让不同的网页使用一个 CSS 文件？
【发布时间】：2020-01-29 20:57:20
【问题描述】：

我是编码和理解 cPanel 文件管理器的新手。

我已将我的 HTML 网页上传到文件夹中，但无法弄清楚如何让所有网页都使用一个 CSS 文件。通过将 CSS 文件上传到每个网页文件夹中，我已经设法使我的页面看起来都像我想要的那样，但是当我想更改关于 CSS 的一件事时，逐个浏览真的很累。

我想有一种更简单的方法可以做到这一点，但我想不通。

【问题讨论】：

您遇到了什么实际问题？您可以将每个指向同一个 CSS 文件
<link rel="stylesheet" type="text/css" href="/path/to/file.css">
我试图将每个页面指向 public_html 中的同一个 CSS 文件。我将工作表命名为“main css.css”，并且每个页面的 CSS 参考行的顶部都有。但它并没有被使用，只有当每个页面的文件夹都有自己的 CSS 文件时才有效。
我会将其重命名为 main.css。如果它在根文件夹中，您只需要<link rel="stylesheet" href="/main.css">

【解决方案1】：

假设您的层次结构如下所示：

index.html
other.html
more.html
styles.css

只需将<link rel="stylesheet" type="text/css" href="styles.css"> 放在每个页面的<head> 中即可。

如果相反，您的层次结构如下所示：

index.html
other.html
more.html
styles
    -styles.css

你可以改用<link rel="stylesheet" type="text/css" href="styles/styles.css">等等

【讨论】：

我的层次结构看起来有点不同。我将每个页面放在不同的文件夹中，这样我就可以将它们命名为 index.html，这样它们的 URL 末尾就没有 .html。
@Kludge 像这样引用它们：<link rel="stylesheet" type="text/css" href="../styles/styles.css"> 或 <link rel="stylesheet" type="text/css" href="../styles.css">。此外，隐藏 .html 扩展名的方法比那个 hack 好得多。
隐藏 .html 扩展名的最佳方法是什么？
如果这就是您想要的，请再问一个问题，我相信我已经回答了您提出的问题，对吧？
@Kludge 实际上我认为在现代计算机上这不再是一个问题，但仍然被认为是不好的做法。主要的警告是，任何时候你引用你的路径，你都必须把它放在引号中。