html 没有链接 css

新手上路,请多包涵

我在链接 html 和 Css 时遇到问题,不知道为什么。我正在做书中和教程所说的一切。但是,我不会进行 css 的外部配置。

这是代码(只是一个测试):

 <!DOCTYPE html>
<html lang = "eng">
    <head>
        <meta name="viewport" content="width=device-width; initial-scale=1.0">

        <title>title</title>
        <meta name="description" content="">
        <meta name="keywords" content="">

        <link rel="stylesheets" type="text/css" href="/styles.css">
    </head>

    <body>
        <h1>test</h1>
    </body>
</html>

和CSS:

 body {
    background-color:#CCCCCC;
}

h1 {
    color:#0000EE;
}

也许我错过了一些东西,因为当我做内部 css(在我的 html 代码中)时它没问题并且网络浏览器能够读取它。看起来 html 没有与 css 链接,但它甚至在同一个文件夹中,所以路径应该不是问题。

我正在使用 Linux 和 Aptana Studio。

我在过去 2 小时内进行了很多搜索,但找不到错误所在。

原文由 Telmo Vaz 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 204
1 个回答

我邀请您阅读这篇文章 绝对路径和相对路径

然后我们传递给你的代码:

<link rel="stylesheets" type="text/css" href="/styles.css">

应该 :

<link rel="stylesheet" type="text/css" href="styles.css">

您的 styles.css 应该与您的 html 文件位于同一文件夹中。

要验证您是否有错误,请检查浏览器的 控制台,您会注意到您的文件不存在(404 错误)。

使你的 css 工作的另一种方法是将它集成到你的页面中而不分离:

例子:

  <style type='text/css'>

    body {
        background-color:#CCCCCC;
   }

    h1 {
        color:#0000EE;
    }
</style>

原文由 Charaf JRA 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏