HTML没有链接到CSS?

时间:2016-05-14 05:21:22

标签: html css

我对表格不熟悉,请原谅。 出于某些奇怪的原因,它可能只是因为它在凌晨1点我无法正确链接CSS!它们位于同一个文件夹中,没有子文件夹或任何东西(在Mac btw上)而且它是&#39 ; s只是没有连接起来。任何帮助,将不胜感激。感谢。

<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div class="container">
        <div class="nav">
            <nav>
                <ul>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>
            </nav>
        </div>
    </div>
</body>

2 个答案:

答案 0 :(得分:0)

- 检查浏览器中是否有style.css。
- 检查您的拼写。
- 尝试将.css文件的内容复制到当前文件中。
- 打开开发人员模式(f12)并查看div是否识别出类容器,并查看是否存在错误。

请发布项目链接,以便我们提供帮助。

请在评论中告诉我以下是否都有这些工作。

答案 1 :(得分:0)

style.css文件的正确位置应与.html文件位于确切的目录和级别:

|
| - index.html
| - style.css

通过打开Web客户端并使用检查器工具查看是否已加载.css文件。查看.css文件是否出现在样式编辑器中。

容器类的颜色应该这样设置:

.container {
    background-color: red;
    color: white;
}

其中红色和白色是例子。