從許多頁面中使用的頁眉加載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文件

回答

相關問題