Question

我正在开发一个网页。我正在尝试创建一个默认导航栏对于我的所有页面，这是我想要include()我的导航栏中的文件：

<html>
<head>
    <title>My Webpage</title>
</head>

<body>
    <?php include("config/defaults/nav/navigation.php"); ?>
</body>

这工作正常，但我如何添加我的CSS？ css仅适用于导航栏，位于C:/xampp/defaults/nav/styles.css位置。在navigation.php中是样式表的链接，但这不起作用。

编辑：

这是navigation.php的内容，它只是我的导航栏：

<html>
    <head>
        <link href="styles.css" rel="stylesheet" type="text/css">
        <script src="nav.js" type="text/javascript"></script>
    </head>
    <body>
        <div class="nav">
            <div class="nav_wrapper">
                <ul>
                    <li><a href="#">Home</li></a>
                    <li><a href="#">Mods</li></a>
                    <li><a href="#">Search</li></a>
                    <li><a href="#">Help</li></a>
                </ul>
            </div>
        </div>
    </body>
</html>

我知道这是非常基本的。

编辑2：

navigation.php的路径只是C:/xampp/htdocs/config/defaults/nav/navigation.php，其中htdocs是我的根文件夹。

Answer 1

这里有几点需要注意，您不需要在include中包含整个<html>标记位。这本身就会混淆网络浏览器并使事情变得更加糟糕，特别是当页面变得更加复杂时，如果你放入正确的链接路径，它可能仍然无效。

在navigation.php中，您只需要实际的html标记：

<div class="nav">
   <div class="nav_wrapper">
        <ul>
            <li><a href="#">Home</li></a>
            <li><a href="#">Mods</li></a>
            <li><a href="#">Search</li></a>
            <li><a href="#">Help</li></a>
        </ul>
    </div>
</div>

同时查看导航style.css文件的路径，看起来您希望在不同目录中为页面的不同部分设置不同的style.css文件，我强烈建议您将所有样式整合到一起一个单独的文件，并有一个主样式表，即main.css，如果只是为了使它更容易维护，或至少将所有样式表放入同一目录（并将其称为main.css，navigation.css作为示例）。

在主索引页面中你需要做的就是包含样式，你会发现它更容易管理。

现在要真正回答你的主要问题，你的风格包括不起作用的原因是因为它在你的web目录的根目录中寻找style.css，而实际上它在{{1}文件夹中（假设C：/ xampp是网站根目录。更改链接以包含该目录结构将解决问题：

/defaults/nav/

路径需要指向style.css文件所在的位置，如果您接受我的建议，那么它将会有所不同。我会在根目录中创建一个css目录并将其放在那里，所以路径将是<link href="/defaults/nav/style.css" rel="stylesheet" type="text/css"/>然后如果你还必须包含任何其他CSS相关文件，他们都可以进入那里，这将有助于保持整洁。

祝你好运，你的英语非常好，不是100％完美，但我很容易理解你的问题。

更改背景图像后，我的标题图像是不可见的

1 个答案: