CSS不會導入HTML

我一定很累。 CSS不會導入到HTML中。所有這一切顯示出來的是：測試測試測試（在不同線路）此外，在電網CSS所有有是920.gs：CSS不會導入HTML

<!DOCTYPE html> 
<html> 
     <head> 
      <title>Some title</title> 
     <link rel="stylesheet" type="text/css" href="/css/styles.css" /> 
    </head> 
    <body> 
     <div class="container_12" id="content"> 
      <div class="grid_3" id="leftside"> 
       <h1>Test</h1> 
      </div> 
      <div class="grid_6"> 
       <h1>Test</h1> 
      </div> 
      <div class="grid_3" id="rightside"> 
       <h1>Test</h1> 
      </div> 
     </div> 
    </body> 
</html>

Annnd的CSS：

@import url("http://fonts.googleapis.com/css?family=Days+One&effect=font-effect-fire-       animation"); 
@import url("css/grid.css"") 

body { 
     background-attachment:fixed; 
    background-repeat:no-repeat; 
    background-color:#7FA8FF; 
    background-position:top; 
    background-image:url("../images/background.png"); 
    text-align: center; 
    font-family: 'Days One', sans-serif; 
}

來源

2013-01-08 PaulBGD

可能是因爲你在相對路徑開始時用「/」來引用文件，這會將它變成絕對路徑。它可能正在搜索你的服務器根目錄。檢查Chrome開發工具是否有失敗的文件加載？ – Taz

嘗試取出從css路徑斜線：

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

這會假設你已經在你的web應用程序的根文件夾css，在同一級別的HTML頁面。

來源

2013-01-09 00:00:22 duffymo

謝謝，這是問題所在。感謝所有迴應的人。 – PaulBGD

需要額外記錄。您可以使用./來表示相同的目錄：D – Adsy2010

檢查您是否可以下載您嘗試導入的CSS。

我不能讓下面的CSS

@import url("http://fonts.googleapis.com/css?family=Days+One&effect=font-effect-fire-animation");

來源

2013-01-09 00:00:25

我有一個類似的想法，即「/」開頭可能是一個像duffymo問題。所以我會建議使用

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

但也有，我會從你的CSS文件中刪除包含語句，只是把它放在主這樣的：

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

這可能是因爲電網是不因爲你從css/making css/css/grid.css中調用了css/grid.css，但是我可能是錯的;但嘗試不會傷害。

來源

2013-01-09 00:07:51

@import中的相對URL被解釋爲相對於導入樣式表。現在，如果您顯示的樣式表爲"/css/styles.css"，@import url("css/grid.css"")（不包括最後的流浪「」）會查找文件/css/css/grid.css，這可能不是您想要的。

只是猜測，但我認爲這是

@import url("grid.css")

需要。

來源

2013-01-09 00:08:16 fvu

CSS不會導入HTML

回答

相關問題