2015-11-03 53 views
-1

內頁我做的這是建設一個網站,我的CS 205班的一個項目。我已經使用記事本+ +的HTML文件和記事本的CSS文件。我的網站有一個index.html頁面以及其他內容頁面。我所做的是在記事本++的每個頁面上創建的,每個頁面都有自己的css文件。如何鏈接的css文件和我的一個folder.Html/CSS

什麼我遇到麻煩的代碼是不是已經有一個維護所有頁眉和頁腳1個css文件。這個名爲「global.css」的主要css文件位於index.html的「main css」文件夾中。當我嘗試將global.css鏈接到其他頁面時,它不起作用。但它適用於index.html ...其他頁面分隔文件夾名稱「頁面」。我該怎麼辦?????

<head> 
    <meta charset="utf-8"> 
    <title>Games</title> 
    <link rel="stylesheet" href="main css\global.css"> 
    <link rel="stylesheet" href="game.css"> 
</head> 
+1

作爲提示:編程時不應使用文件夾中的空格。我一直遇到這方面的問題。我不知道這是你的問題,但它可能是。 –

+1

1.文件夾名稱應該沒有空格。 2.你可以去一個目錄了..所以例如../mydir/file.css – progsource

+0

我記得當我剛開始時有同樣的問題:)你必須「告訴」你的HTML頁面的文件夾,其中的CSS文件例如,如果你有主要的網站文件夾,其中有index.html和global.css和文件夾名爲「pages」,比將global.css文件鏈接到「pages」文件夾中的任何html文件,你必須寫「/websiteFolder/global.css」或「../global.css」兩個圓點後退一個文件夾。 – Kristine

回答

2

您可以使用雙點和正斜槓「../」給出去一個文件夾。正如評論中所述,不要在文件夾名稱中使用空格。改爲使用下劃線「_」。 例如,你這是在另一個文件夾內頁將有風格的網頁網址,如下所示(請刪除空格形成的文件夾名稱)

<link rel="stylesheet" href="../main_css/global.css"> 
+0

不工作。我刪除空格,並添加「點」,但不工作。如果我有更多的子目錄。我的網頁文件夾包含更多的文件夾。每頁都有自己的文件夾(網頁/遊戲/ game.html) 。我將不得不增加點數(...../global.css)。 –

+0

你可以發表你的文件夾樹的截圖嗎? –

+0

我添加下面的答案在答案.... checj鏈接「enter image description」,,,,謝謝先生 –

0

你也可以改變你的HTML文件在PHP,只是鏈接他們用食指......比如......你得到所有你的CSS鏈接包含這樣的一個索引文件:

<link rel="stylesheet" type="text/css" href="cssFolder/global.css" /> 
<link rel="stylesheet" type="text/css" href="cssFolder/game.css" /> 

什麼你現在正在做的僅僅是你的所有文件,用食指鏈接像這樣:

<li><a href="index.php?page=htmlFile">htmlFile</a></li> 
<li><a href="index.php?page=anotherFile">anotherFile</a></li> 
相關問題