Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将css文件与文件夹中的页面链接。Html/css_Css_Html - Fatal编程技术网

如何将css文件与文件夹中的页面链接。Html/css

如何将css文件与文件夹中的页面链接。Html/css,css,html,Css,Html,我正在做一个项目,为我的CS 205课程建立一个网站。我使用notepad++编写html文件,使用notepad++编写css文件。我的网站有一个index.html页面和其他内容页面。我所做的是在notepad++中创建每个页面,每个页面都有自己的css文件 我在代码中遇到的问题是它有一个css文件来维护所有的页眉和页脚。这个名为“global.css”的主css文件位于index.html的“主css”文件夹中。当我尝试将global.css与其他页面链接时,它不起作用。但是它与index

我正在做一个项目,为我的CS 205课程建立一个网站。我使用notepad++编写html文件,使用notepad++编写css文件。我的网站有一个index.html页面和其他内容页面。我所做的是在notepad++中创建每个页面,每个页面都有自己的css文件

我在代码中遇到的问题是它有一个css文件来维护所有的页眉和页脚。这个名为“global.css”的主css文件位于index.html的“主css”文件夹中。当我尝试将global.css与其他页面链接时,它不起作用。但是它与index.html一起工作。。。其他页面位于seprate文件夹名称“pages”中。我该怎么办

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

游戏

您可以使用双点和正斜杠“。/”将一个文件夹移出。同样如注释中所述,不要在文件夹名称中使用空格。改为使用下划线“\u1”。 例如,位于另一个文件夹中的内部页面将具有如下样式页面url。(请从文件夹名称中删除空格)


您也可以在php中更改HTML文件,只需将它们与索引链接……例如,您得到一个索引文件,其中包含所有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>

  • 提示:编程时不应使用文件夹中的空格。我一直在这方面遇到问题。我不知道这是否是你的问题,但可能是。文件夹名称应不带空格。2.你可以用..查找目录。。例如../mydir/file.csi记得我刚开始时有一个相同的问题:)你必须“告诉”你的html页面css文件所在的文件夹。例如,如果您有主网站文件夹,其中有index.html和global.css以及名为“pages”的文件夹,则要将global.css文件链接到“pages”文件夹中的任何html文件,您必须编写“/websiteFolder/global.css”或“./global.css”两个点返回一个文件夹。不工作..如果我有更多的子目录怎么办。意思是我的页面文件夹包含更多的文件夹每个页面都有自己的文件夹。我是否必须增加点的数量(…../global.css)。不起作用。我删除了空格,也添加了“点”,但不起作用。如果我有更多的子目录会怎么样。意味着我的页面文件夹包含更多的文件夹。每个页面都有自己的文件夹(pages/games/game.html)。我需要增加点的数量(…../global.css)。你能发布你的文件夹树的屏幕截图吗?我在下面添加捕获的图像作为回答…选中“输入图像描述”的链接,谢谢,先生
    <li><a href="index.php?page=htmlFile">htmlFile</a></li>
    <li><a href="index.php?page=anotherFile">anotherFile</a></li>