时间戳

首页 > 解决方案 > 损坏的外部样式表

css - 损坏的外部样式表

问题描述

我正在为我在大学的一门课程制作一个假网站。在尝试链接我的外部样式表后，我仍然无法找到如何将它与我的 html 文档正确集成。该链接似乎正确，甚至列在 chrome 的检查元素中，但是没有显示任何样式。

我已经尝试查找所有内容，从我的课本到 youtube 视频，但我没有运气。我不知道导航选项卡或我的一个 div 是否与任何不工作有关。

<!DOCTYPE html>
<html>
<head>
<title> About Us! </title>
<link rel="fusionStyles" type="text/css" href="fusionStyles.css">
</head>
<h1> Food Fusion </h1>
<img src="photos/logo.jpeg.jpeg" alt="logo" />
<nav> 
<ul class="header">
<li> <a href="index.html">Home</a> </li>
<li> <a href="breakfast.html">Breakfast</a> </li>
<li> <a href="extras.html">Appetizers and Extras</a> </li>
<li> <a href="lunch.html">Lunch</a> </li>
<li> <a href="dinner.html">Dinner</a> </li>
<li> <a href="aboutus.html">About Us</a> </li>
<li> <a href="locations.html">Locations</a> </li>
<li> <a href="contact.html">Contact Us</a> </li>
<li> <a href="events.html">Events</a> </li>
<li> <a href="order.html">Online Ordering</a> </li>
</ul>
</nav>
</header>
<h1> About Us! </h1>
<body> 
<p> Default text. <p>
<img src="photos/generic.jpeg.jpeg" alt="interior" />

<p> More Default text. </p>
</body>
<footer>
<div class="navbar">
<a href="survey.html">Click here to take a quick survey about our 
performance! </a>
<a href="employment.html"> Want to join our staff? Click here!</a>
<p> &copy; </p>
</div>
</footer>
</html>

标签： css

解决方案

  • rel的属性<link />是“样式表”；
  • 您应该重命名文件：EX：“logo.jpeg.jpeg”=>“logo.jpeg”

推荐阅读