样式表不会链接到htm

-1

我认为它与我的文件位置有关，但似乎无法获得由我的教师提供的样式表以链接到我的html文档。样式表不会链接到htm

这里的HTML

<!DOCTYPE html> 
<html> 
<center> 
<head> 
<!-- The J-Prop Shop Sample Page 
Author: Bethany Robinson 
Date: 9/8/2014 
--> 
<title>The J Prop shop</title> 
<link rel="stylesheet" type="text/css" href="JP.css"> 
</head> 

<body> 
<header> 
<hgroup> 
<center><h1>The J-Prop Shop</h1> 
<h2>Quality Juggling and Circus Props</h2></center> 
</hgroup> 
</header> 

<section> 
<article> 
<h2> Welcome</h2> 
<p>If you're looking for high-quality, hand-crafted juggling and circus products, the J-Prop Shop is  the store for you. I've designed and built props for the past 35 years, and my products have been used by professional entertainers and hobbyists throughout the world. Our prices are reasonable and our quality is excellent.</p 
</article> 

<article> 
<h2>Specials This Month</h2> 
<p>The following devil sticks are available at a special discount for the entire month of September: 
</p>  
<ul> 
<li><b>Basic Stick </b>(<i>$19.95</i>) The easiest stick to learn with, but "grippy" enough for the most demanding tricks.<bR>Comes in:<font color="red"> Red</font>, <font color="green"> Green</font>, & <font color="blue"> Blue</font>. 
</li> 
<li><b>Flower Stick</b> (<i>$24.95</i>) A graceful stick with colored tassels. Flower Sticks float slowly, making them ideal for begginners. 
</li> 
<li><b>Master Stick</b> (<i>$39.95</i>) Most popular stick is shorter and heavier for fast play and more advanced tricks. Each Master Stick is available in custom colors. 
</li> 
<li><b>Glow Stick</b> (<i>$29.95</i>) The Glow Stick shines brightly at night (without the danger of a fire stick). 
</ul> 
</article> 

<article> 
<h2>Quality Tested</h2> 
<p>Every item I create is checked and tested before being shipped out to assure perfect quality. I take pride in every one of my juggling props and want my customers to feel that same pride. 
</article> 
</section> 

<aside> 
<h2>Customer Comments</h2> 
<p>Here are a few select quotes from our happy family of customers and associates: "</p> 
</aside> 

<footer> 
<address> 
<small>The J-Prop Shop<br> 541 West Highland Drive<br>Auburn, NE 04210<br>(207)-555-9001</small> 
</address> 
</footer> 

</body> 
</center> 
</hmtl>

这是一个简单的代码真的，但无论出于何种原因，当我在浏览器中查看它的样式不会加载代码。 .css和.html文件都位于桌面上的文件夹中。有什么问题？

来源

2014-09-13 Bethany.htm

是与'html'页面路径相同的'css'文件吗？ – NoobEditor 2014-09-13 04:15:42

在浏览器中点击F12键。它列出了哪些错误？另外，'

'是[已弃用]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center），并且只有在** 元素中才属于**坚持使用它。 – 2014-09-13 05:14:52

您是否将操作系统与区分大小写的文件系统配合使用？在这种情况下，检查css文件名为JP.css而不是jp.css。

您还没有提及您的浏览器的名称和版本。尝试更正</hmtl>至</html>并删除<html>和<head>标记之间的<center>标记。

来源

2014-09-13 04:46:10 kums

我改变了这两件事，但它仍然无法正常工作，我正在使用Google Chrome版本37.0.2062.120，谢谢。 – 2014-09-13 05:01:33