【问题标题】:How do I link external style sheet to multiple pages and folders?如何将外部样式表链接到多个页面和文件夹?
【发布时间】:2012-09-26 16:30:14
【问题描述】:

我正在构建一个相当大的网站,其中包含许多页面和文件夹。我有 1 个样式表。

如何将样式表添加到这些文件夹的“全部”?在我开始将页面放在单独的文件夹中之前,我没有这个问题。现在每个页面都有自己的文件夹,除非它在 ​​SAME 文件夹中,否则它不再读取我的样式表

例如,假设我有一个宠物文件夹、另一个汽车和另一个飞机。我必须将我的样式表放在每个文件夹和每个文件夹中,这样我才能看到我的网站。我怎样才能做到不必在每个文件夹中都放一个样式表?

换句话说,我怎样才能让我的样式表与我的文件夹在同一页面上而不将它们放在那个文件夹中?如何让他们在不同的文件夹中进行通信?

【问题讨论】:

    标签: stylesheet


    【解决方案1】:

    您需要使用相对根路径或绝对路径而不是相对路径来引用它:

     <link rel="stylesheet" type="text/css" href="style.css">
    

    而不是“style.css”,而是将其称为“/this/is/my/path/to/my/files/style.css”。 如果您的文件在根目录中,则为“/style.css”

     <link rel="stylesheet" type="text/css" href="/path/to/style.css">
    

    如果你想要一个绝对路径:

     <link rel="stylesheet" type="text/css" href="http://www.mysite.com/path/to/style.css">
    

    【讨论】:

    • 严格来说,以/ 开头的 URL 是 root-relative。绝对 URL 包括完整的域。
    • @w3d 感谢您的更正,我已将其添加到帖子中以更具体
    【解决方案2】:

    如果文件链接在当前目录之上(意味着您要链接的文件在存储链接文档的文件夹之外),您必须这样写:

    ../file.html

    如果它在当前目录之上并且在不同的文件夹中,你可以这样链接:

    ../diffFolder/file.html

    如果它在当前目录中更深(意味着它在当前目录的文件夹中),请这样做:

    deeperFolder/file.html

    当然,另一种选择是创建一个 php 标头文档并将其要求/包含在您的其他页面中。这确实是重用内容的大型网站的方式。我现在正在一个小型网站上工作,但是每个被重用的部分都是它自己的单独文档,每当调用链接时服务器端都需要它。因此,如果我对标题进行更改,它会影响每一页。与页脚、侧边栏等相同。

    这个网站实际上很好地解释了一个非常基本的动态包含:http://inobscuro.com/tutorials/php-dynamic-includes-16/#

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-12-08
      • 1970-01-01
      • 1970-01-01
      • 2015-03-28
      • 1970-01-01
      • 2015-05-05
      • 1970-01-01
      • 2019-01-15
      相关资源
      最近更新 更多