簡體   English   中英

HTML未鏈接到CSS文件

[英]HTML not linking to CSS file

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.htmlindex.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.htmlindex.html使用相同的樣式表,因此它們都不應該都以Georgia,Goudy,Sabon或Serif字體呈現嗎? 顯然不是。 文件結構為:

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

文件結構也不應該成為問題,因為兩個.html文件都位於同一目錄中,並使用href="cgi-bin/style.css" 我以前從未遇到過這樣的問題。 很奇怪!

忘了你的類型。 還要檢查css文件的位置。 我相信省略類型會導致問題。

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

或者你可以做

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM