我是初学者,正在创建我的第一个网站,但我偶然发现一个页面无法识别它链接到的 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 可用于我的“主页”页面,它具有相同的标题。
也许我遗漏了一些非常明显的东西,但我们将不胜感激!
编辑:感谢所有花时间回答的人! 不幸的是我没有找到问题,但我想也许我没有提供足够的细节所以我会重新措辞并重新发布问题(我不想删除它因为其他人可能会为自己找到有用的答案)。
希望没关系...
最佳答案
您的 CSS 是否与 HTML 文件位于同一目录中?如果不是,你可能应该做类似的事情
<link rel="stylesheet" type="text/css" href="css/about.css">
还要确保您没有输入任何错误。如果您所描述的是真实的,那么它应该有效。
关于html - 外部 CSS 文件不适用于某一页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34858198/