为什么外部 CSS 不能与 HTML 一起使用？答案

【问题标题】：Why external CSS is not working with the HTML?为什么外部 CSS 不能与 HTML 一起使用？
【发布时间】：2017-01-19 23:08:18
【问题描述】：

我是 Web 开发的新手，所以我需要一些关于我的代码的帮助。我已经在线验证了这段代码并且没有错误，但是为什么在HTML中没有应用background-color等CSS属性？

另外，如果有人能评论我的 HTML 编码风格，我将不胜感激。穷吗？

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JavaJam Coffee House</title>
        <link rel="stylesheet" href="javajam.css">
    </head>
    <body>
        <header>
            <h1>JavaJam Coffee House</h1>
        </header>
        <nav>
            <b><a href="index.html">Home</a> &nbsp; <a href="menu.html">Menu</a></b>
        </nav>
        <main>
            <h2>Relax at JavaJam</h2>
            <ul>
                <li>Specialty Coffee and Tea</li>
                <li>Bagels, Muffins, and Organic Snacks</li>
                <li>Music and Poetry Readings</li>
                <li>Open Mic Night</li>
            </ul>
            <div>
              54321 Route 42<br />
              Ellison Bay, WI 54210<br />
              888-555-5555<br /><br />
            </div>
        </main>
        <footer>
            <small><i>Copyright &copy; 2016 JavaJam Coffee House<br />
            <a href="mailto:abc.xyz.com">abc.xyz.com</a></i></small>
        </footer>
    </body>
</html>

CSS 文件javajam.css 是：

body {
 background-color: #ffffcc;
 color: red;
 font-family: Verdana, Arial, sans-serif;
}

【问题讨论】：

head 无法设置样式，我很确定您想在 body 上设置它。
是的！ @Pangloss，你是对的，我实际上写错了。但是，它也不适用于 body。
@MaxZoom，与 HTML 文件在同一个文件夹中。
代码本身没问题。 jsfiddle.net/ms1u42uu。您检查浏览器控制台是否有错误？
奇怪，尝试href="./javajam.css" 也尝试更改HTML文本，即<title>JavaJamy，看看它是否显示在浏览器中。我想你可能有重复的文件

标签： html css

【解决方案1】：

试着把你的放到

中，例如，我有两个 -s，它们只是互相干扰。 CSS最有可能起作用，当它放在中时，试试看，希望有所帮助。 ;)

【讨论】：