【问题标题】:Adding css file to html将css文件添加到html
【发布时间】:2016-02-15 14:06:48
【问题描述】:

我正在使用 MEAN 堆栈开发一个实时聊天应用程序,我从 html 和 css 开始,我正在使用 cloud9 平台,我的问题是我无法将 css 文件添加到 html !我尝试了很多次来更改我的 css 文件的路径,但仍然不适用于我的:

<link rel="stylesheet" href="psirt/client/views/main.css">

html文件和css文件的路径是: 包含 html 代码的 psirt>client>views>index.ejs psirt>client>views>css 文件的 main.css

有什么帮助吗?非常感谢!

【问题讨论】:

  • 根据 Chris 的建议,打开浏览器控制台并查看错误显示的内容。

标签: html css client chat cloud9-ide


【解决方案1】:

尝试在路径前添加/。像这样:

<link rel="stylesheet" href="/client/views/main.css">

(如果你的项目根是psirt

或者,只需使用:

<link rel="stylesheet" href="main.css">

【讨论】:

  • 检查你的代码,看看它试图从哪里打开你的 css 文件。
【解决方案2】:

您是否尝试将文档类型添加到link 标记?看例子:

<link rel="stylesheet" type="text/css" href="psirt/client/views/main.css">

此外,您可能希望为 href 重新定义目录。

【讨论】:

  • type="text/css" 对于 HTML5 不是必需的。
  • @Chris 哦,我的错。 ?
  • @Ahmed202:打开网络并检查您的服务器试图捕获 css 文件的完整 URL
  • 对不起,那该怎么办?
  • 打开浏览器控制台并转到网络选项卡。您将在那里看到服务器发送到浏览器的所有文件。检查 main.css 并告诉我完整路径是什么。 (您使用哪种浏览器?)
【解决方案3】:

检查您的代码。我认为您的框架可能会为您的代码设置任何基本路径。因此,您的主机调用该链接并导致错误。但我不确定

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-08
    • 2018-07-21
    相关资源
    最近更新 更多