如何将外部样式表链接到多个页面和文件夹?

时间:2012-09-26 16:30:14

标签: stylesheet

我正在建立一个相当大的网站,它将拥有许多页面和文件夹。我有1个样式表。

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

例如,假设我有一个宠物文件夹,另一辆汽车和另一架飞机。我必须将我的样式表放在EACH和这些文件夹中的每个人,以便我可以看到我的网站。我怎么能这样做,所以我不必在每个文件夹中放一个样式表?

换句话说,如何将我的样式表放在与我的文件夹相同的页面上而不将它们放在该文件夹中?如何让他们在不同的文件夹中进行交流?

2 个答案:

答案 0 :(得分: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">

答案 1 :(得分:1)

如果文件链接在当前目录上方(意味着您要链接的文件位于存储链接文档的文件夹之外),则必须按如下方式编写:

../file.html

如果它位于当前目录之上且位于其他文件夹中,则链接如下:

../diffFolder/file.html

如果它在当前目录中更深(意味着它在当前目录的文件夹中),请执行以下操作:

deeperFolder/file.html

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

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