Question

TL; DR：我的HTML没有链接到样式表。

马上就好了，很抱歉这么多代码我已经检查了其他问题，但没有一个像我一样有这么奇怪的情况。

我有一个文件loggedIn.html：

<html>
        <head>
                <title>Logged in!</title>
                <link rel="stylesheet" href="cgi-bin/style.css">
        </head>

        <body>
                You are now logged in!
                <a href="cgi-bin/logout.php">Logout</a>
        </body>
</html>

使用样式表style.css：

body { font-family: Georgia, Goudy, Sabon, serif; }

与loggedIn.html一起，index.html使用style.css：

<html>
<head>
        <title>Welcome!</title>
        <link rel="stylesheet" href="cgi-bin/style.css">
</head>

<body>
        <h2>Welcome to That Guy's Fileshare Server!</h2>
        <hr/>
        Please log in.
        <br/>

        <form action="cgi-bin/login.php" method="POST">
                <p>
                <table border="0">
                                <tr>
                                        <td> <label for="username">Username: </label> </td>
                                        <td> <input type="text" name="username"/> </td>
                                </tr>
                                <tr>
                                        <td> <label for="password">Password: </label> </td>
                                        <td> <input type="password" name="password"/> </td>
                                </tr>
                                <tr>
                                        <td> <input type="submit" value="Submit"> </td>
                                </tr>
                        </table>
                </p>
        </form>
        <br/>
        <a href="register.html">Register</a>
        <br/>
        <a href="note.html">Contact information</a>
</body>
</html>

由于loggedIn.html和index.html都使用相同的样式表，它们是否应该以Georgia，Goudy，Sabon或serif字体呈现？显然不是。文件结构是：

┌ index.html
├ loggedIn.html
└ cgi-bin/
   └─────────── style.css

文件结构也不应该是一个问题，因为两个.html文件都位于同一目录中并使用href="cgi-bin/style.css"。我之前从未遇到过这样的问题。很奇怪！

Answer 1

忘了你的类型。还要检查css文件的位置。我相信遗漏类型会导致问题。

<link rel='stylesheet' type='text/css' href='cgi-bin/style.css'/>

Answer 2

或者你可以做到

<style type="text/css"> @import "cgi-bin/style.css"; </style>

HTML没有链接到CSS文件

2 个答案: