从许多页面中使用的页眉加载CSS文件

我用来创建一个唯一的页眉，并将其加载到我所有的页面中。从许多页面中使用的页眉加载CSS文件

<?php 
    require_once('include/_header.php'); 
?> 

    <div id="main"> 
     <!-- My Page --> 
    </div> 

<? 
    require_once('include/_footer.php'); 
?>

在我的根文件夹我有一个名为css文件夹，我把我所有的CSS样式表在头我打电话<link rel="stylesheet" href="css/style.css" type="text/css">。现在，假设我必须在我的根目录下创建一个子文件夹，并在其中创建一个网页。当我从头文件调用样式表时，页面显示不正确，因为我以错误的方式调用样式表。我怎样才能以某种方式调用我的样式表，以便它始终可以从任何位置访问？

这里是架构：

css 
    -style.css 
include 
    -_header.php 
    -_footer.php 
folder 
    -mypage.php

来源

2012-03-08 Mazzy

使用绝对路径：

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

（注意的CSS目录前斜线）

来源

2012-03-08 18:26:02 konsolenfreddy

它没有奏效。当我在css文件夹之前放置斜线时，css样式表不会正确加载 – Mazzy 2012-03-08 18:31:04

是否所有文件夹位于服务器的文档根目录下？或在一个子文件夹中。另外，使用firebug或DevTools来查看浏览器实际上在寻找文件的位置。 – konsolenfreddy 2012-03-08 18:33:06

更改样式表的href到HREF = “/css/style.css”

来源

2012-03-08 18:27:11

让我来可以在未来调试此特定问题和其他CSS参考问题。打开你的页面，然后激活浏览器的开发者工具。（在Chrome中按住CTRL + SHIFT + I）。

转到元素选项卡。浏览DOM直到看到CSS条目。样式表的URL将是一个可点击的超链接。点击它。看看浏览器在哪里浏览你。这应该给你一个关于修复是什么的指示。也许你在文件夹结构上太深了，也许你太浅了。无论如何，我通过这种方式解决了99％的CSS参考问题。

来源

2012-03-08 18:40:53 Rich

你应该在你的HTML头

<base href="http://website.com/"/>

然后不顾一切将变得如下..

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

走下赛场为你的菜单基本URL你干脆去

<a href="contact.html">Contact</a>

来源

2012-03-08 19:05:25

从许多页面中使用的页眉加载CSS文件

回答

相关问题