- 無法將CSS頁面鏈接到HTML

我正在爲免費的HTML-kit文本編輯程序中的網頁創建html模板。我的xhtml和css文件都在同一個目錄中。我可以將圖片鏈接到xhtml模板，但我的css頁面不會影響任何更改。- 無法將CSS頁面鏈接到HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmln="http-"http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head> 

     <meta content="teggxt/html; charset=utf-8" http-equiv="Content- Type"/> 
     <title>Spaghetti &#38; Cruft: Geek Pizzeria</title> 
     <link rel="stylesheet" type="text/css" href="styles.css" /> 


</head> 

<body> 
     <div id="branding"> 

     <h1><img src="images/logo.gif" alt="Spaghetti and Cruft: Geek Pizzeria"> 

     <p id="address"> 
     Spagetti &#38; Cruft<br /> 
     742 Cederholm Ave.<br /> 
     Gotham, CA 00234<br /> 
     510-555-0987 
     </p> 

     </div> 

     <div id="main-content"> 
       <h2>The page title will go here.</h2> 
       <p>The page content will go here.</p> 
     </div> 

     <ul id="navigation"> 
       <li><a href="menu.html">Our Menu</a></li> 
       <li><a href="about.html">About Us</a></li> 
       <li><a href="reviews.html">Raves and Reviews</a></li> 
       <li><a href="news.html">News and Events</a></li> 
       <li><a href="contact.html">Contact Us</a></li> 
     </ul> 

     <div id="tagline"> 
       <p>Pizza, pasta, and WiFi.</p> 
       <p>Enjoy a bite with your bytes.</p> 
     </div> 

     <p id="copyright">&#169; 2007 Spaghetti &#38; Cruft: Geek Pizzeria</p> 
</body> 

</html>

和CSS代碼。

html { 
background-color: #ffffff; 
background-image: url(images/background.gif) repeat-x;); 
} 

body { 
width: 80%; 
}

HTML-kit是否難以處理XHTML 1.0嚴格？我不確定。

來源

2014-02-15 Isaac Crosswell

後閉幕「如果您正在使用HTML嚴格，你需要隨時關閉所有標籤。html，body，div和h1標籤未關閉現在。你錯過了在CSS描述的結尾部分結束在meta標籤也。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmln="http-"http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>Spaghetti &#38; Cruft: Geek Pizzeria</title> 
<link rel="stylesheet" type="text/css" href="styles.css" /> 
</head> 
<body> 
<div id="branding"> 
<h1><img src="images/logo.gif" alt="Spaghetti and Cruft: Geek Pizzeria" /></h1> 
</div> 
</body> 
</html>

而且你的CSS也相當clumzy。沒有必要把背景元素中的HTML，如果你都可以把身體的描述，而且還寬可能是那個div，並非全是body。

body { background: #FFFFFF url(images/background.gif) repeat-x; } 
div#branding { width: 80%; }

來源

2014-02-15 23:42:46 mrserge

他們實際上是關閉的我只是沒有把整個代碼放在問題中，覺得沒有必要顯示其餘的內容。但我現在要把整個html代碼。 –

'background-color：#ffffff; background-image：url（images/background.gif）repeat-x;）;'不正確（行尾有拼寫錯誤）。使用'background：#FFFFFF url（images/background.gif）repeat-x;''h1'標籤仍然沒有關閉 – mrserge

@您提到的Issac代碼是渲染styles.Check css文件位於正確的目錄 –

你缺少styles.css的。

來源

2014-02-15 23:32:38

我確實關閉了引文，但我仍然沒有收到結果。 –

您的web服務器上的正確目錄中是否有styles.css文件？當您嘗試加載它時，您在瀏覽器中看到了什麼？ –

是的，我確實在同一個目錄下有一個名爲S＆P的文件夾。徽標標籤正常工作，出現正確的圖片，但背景爲空白。 –

- 無法將CSS頁面鏈接到HTML

回答

相關問題