Question

我是初学者，我正在创建我的第一个网站，但我偶然发现一个页面无法识别它所链接的CSS。

我已经将网站的每个html页面链接到它自己的CSS样式表，它们都可以工作，除了一个。所有文件都在同一根文件夹中，如果我在浏览器（FireFox）中打开有问题的页面时检查“页面源”，则没有错误显示，所以我真的迷路了。

h1 {
	 display: inline-block;
	font-family: Tahoma;
}

nav { 
	display: inline-block;
	float: right;
	font-family: Tahoma;
}

address {
	float: right;
}

<!DOCTYPE html>
<html>
<head>
	<title>About X</title>
<LINK rel="stylesheet" type="text/css" href="about.css">
</head>



<body>
<header>
<img src="images\logo.jpg" width="100" height="80" alt="logo">
<h1>Mister X</h1>
<nav> 
<a href=///C:/Users/Soniaa/Desktop/web%20design/webpage.html>Pictures</a>
<a href=file:///C:/Users/Soniaa/Desktop/web%20design/News.html>News</a>
<a href=file:///C:/Users/Soniaa/Desktop/web%20design/About.html>About</a>
<a href="http://www.saatchiart.com/sorinatibacov">Shop</a>
</nav>email@gmail.com</address>
</header>

<figure><img src="images/pic.jpg" width="300" height="300" alt="Portrait"> 
<figcaption>Short Bio... </figcaption>
</figure>

<h2>Education</h2>
 
<ul>
<li>this</li>
<li>that</li>
</ul>


<h2>Personal Exhibitions</h2>

<dl>
<dt>2010</dt>
<dd>...</dd>
  
<dt>2006</dt>
<dd>...<dd>

<dd>...</dd>



<h2>Group Exhibitions</h2>

<dl>
<dt>2008</dt>
<dd>...</dd>
<dd>...</dd>



<footer>© Mister x <br> 

<A HREF="https://www.facebook.com/..."><IMG SRC="images/fb.png" width="30" height="30" ALT="Facebook"></A>
<A HREF="https://www.behance.net/...><IMG SRC="images/be.png" width="30" height="30" ALT="Behance"></A> <br>

Webdesign by me </footer>




</body>
</html>

实际页面中有很多定义列表（不知道是否与它有任何关系）。

相同的CSS适用于我的“主页”页面，例如，它具有相同的标题。

也许我错过了一些非常明显的东西，但是任何帮助都会受到赞赏！

编辑：感谢所有花时间回答的人！不幸的是我没有找到问题，但我想也许我没有提供足够的细节，所以我会重新发表并重新发布这个问题（我不想删除这个，因为其他人可能会为自己找到一个有用的答案）。< / p>

希望没关系......

Answer 1

您的CSS与HTML文件位于同一目录中吗？如果不是你可能应该做的事情

rails new app_name

另外请确保您没有输入任何拼写错误。如果你所描述的是真的，它应该有效。

Answer 2

您的标记很好，似乎没有任何问题。文件在我的计算机上运行正常。尝试删除浏览器的历史记录然后重新加载它，或者更改浏览器并查看它是否有效。

外部CSS文件特别适用于一个页面

2 个答案: