- 无法将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

回答

相关问题