2015-11-03 47 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> 
相关问题