html - 为什么外部 CSS 不能与 HTML 一起工作?

标签 html css

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

此外,如果有人可以评论我的 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;
}

最佳答案

试着把你的 < link > 放到 < body > 中,例如,对我来说,我有两个 < link >-s,它们只是互相干扰。 CSS 最有可能工作,当它放在 中时,试一试,希望有所帮助。 ;)

关于html - 为什么外部 CSS 不能与 HTML 一起工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41753379/

相关文章:

html - 为什么 progress 元素在高度缩小的情况下仍占据相同的垂直空间?

javascript - 如何从 div 容器中提取某些 <a> 元素?

javascript - jQuery 加载脚本执行多次

jquery - IE - 消失的导航

html - 图片在 Firefox 和 IE 中的位置不同

html - 我的 CSS 悬停和事件样式不起作用

html - 将页脚保持在页面底部的技巧?

css - 使用@font-face 打开 Sans 字体问题

html - 在您与页面交互(鼠标悬停)之前图标不可见

html - 手机 <p> 和其他标签中的字体太大