Question

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

这里是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文件都位于桌面上的文件夹中。有什么问题??

Answer 1

您是否正在使用具有区分大小写的文件系统的操作系统？在这种情况下，请检查css文件是否为JP.css而不是jp.css。

您尚未提及浏览器的名称和版本。尝试更正</hmtl>至</html>并删除<center>和<html>代码之间的<head>代码。

Answer 2

如果它在另一个文件夹中，请务必将其提及为：

href="css/index.css"

Answer 3

清除浏览器缓存。我有铬问题。

样式表不会链接到htm

3 个答案: