Question

我无法将外部css文件链接到html

HTML文件位于文件夹“header”中，css文件header.css也位于此文件夹中。

下面是css代码：

@charset "UTF-8";

h1 {
    font-size: 250%;
}

这是html：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="header.css" />
        <title> <?php echo $title; ?> </title>
    </head>
    <body>
        <h1> <?php echo $header; ?> </h1>
        <div id = 'myOrgButton'>
            <form method="post" action="../../controllers/MyOrganisation">
                <input type="submit" value="My Organisation" />
            </form>
        </div>
        <div id = 'logoutButton'>
            <form method="post" action="../../controllers/<?php echo $action; ?>">
                <input type="submit" value="<?php echo $action; ?>" />
            </form>
        </div>
        <hr/>

php在这里，因为这是标题是我从控制器加载的PHP视图。我尝试定义绝对路径，将css放在不同的文件夹中，没有任何作用。

当css嵌入带有标签的html中时，它可以很好地工作，所以我猜问题是链接。

更新
我添加了完整的HTML代码。

Answer 1

由于这是代码点火器的视图，因此该文件夹的文件系统路径可能与URL路径不同。首先，您需要将其放在可通过http访问的文件夹中。我不熟悉Code Igniter的实现，但你应该有一个“media”或“assets”文件夹，你可以放置所有的CSS和静态图像。然后，您应该相对于域进行<link> href。

因此，如果您的文件夹结构如下所示，并且您的“assets”文件夹位于根目录：

assets/
  images/
  css/
    header.css

您的CSS包含应如下所示：

<link rel="stylesheet" type="text/css" href="/assets/css/header.css" />

CSS到HTML链接bug

1 个答案: