2013-10-28 140 views
0

TL; DR:我的HTML沒有鏈接到樣式表。HTML未鏈接到CSS文件

馬上就蝙蝠,對不起這麼多代碼。
我檢查了其他問題,但沒有人遇到過這樣奇怪的情況。

我有一個文件,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使用相同的樣式表,不應該都以佐治亞州,Goudy,Sabon或襯線字體呈現嗎?顯然不是。文件結構是:

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

文件結構不應該是一個問題,或者,因爲這兩個.html文件在同一目錄下,並使用href="cgi-bin/style.css"。我從來沒有像這樣的問題。很奇怪!

+0

也許一個緩存的問題...你嘗試清除緩存? –

+7

除了關於應該使用哪種字體的看似修辭問題之外,您還沒有真正解釋問題所在。我還建議'cgi-bin'不是保存文件的地方。 – 2013-10-28 00:56:13

+0

@MartinTurjak剛剛清除我的緩存並重新加載。不是緩存問題,它很可能是服務器端。 – SuperCheezGi

回答

4

忘記了您的類型。 同時檢查css文件的位置。 我相信遺漏類型會導致問題。

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

謝謝!固定。 – SuperCheezGi

+0

我沒有問題,我有同樣的挫折感。 – 2013-11-12 22:49:23

0

或者你也可以做

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