【问题标题】:importing CSS into a HTML does not work. [duplicate]将 CSS 导入 HTML 不起作用。 [复制]
【发布时间】:2018-04-05 10:26:06
【问题描述】:

我正在尝试将 CSS 文件导入 HTML,但它不起作用。我也尝试过链接。谁能知道为什么?谢谢。

<!DOCTYPE html>
<html>
<head>
<title>Lesson</title>
<meta charset="utf-8">
<style rel="stylesheet" type="text/css">
    @import url("U5.css");
</style>
<link rel="stylesheet" type="text/css" href="U5.css">
</head>

【问题讨论】:

  • href="U5.css" 是否有帮助或者您正在寻找内联导入?
  • 我也尝试过 href="U5.css" 但不起作用。不,我不是在寻找内联导入。
  • 使用 a validator 测试 CSS 并使用浏览器中的开发者工具查看 CSS 请求的 URL 以及服务器响应该请求时的内容。
  • 谢谢昆汀,我现在就去试试。
  • 你试过@import "U5.css"

标签: javascript html css styles frontend


【解决方案1】:

是不是因为它没有走在正确的道路上?对于我的示例,样式表存储在 path/to/stylesheet 中:

<style rel="stylesheet" type="text/css">
    @import url("/path/to/stylesheet/U5.css");
</style>

但是我能问一下你为什么不包括这样的样式表吗?

<link rel="stylesheet" type="text/css" href="/path/to/stylesheet/U5.css">

【讨论】:

  • 我确实尝试了所有可能的方法,但仍然无法正常工作。我只能使用链接或@import 来传递我的课程。我不允许使用内联。顺便感谢您的帮助。
  • 没问题,请问您的样式表存储在哪里?它可能会帮助我为您提出更好的解决方案。
  • ''\VT17WebUtvMahmutAlban\Assets\style\U5.css ''我正在尝试从这个路径调用。
  • 啊,我看到使用正斜杠 (/) 而不是黑斜杠 (\)
  • 我确实使用而不是返回,但它不起作用@connoraworden
【解决方案2】:

我确实先验证了 3 个错误,但没有一个是关于导入的。

link to picture

【讨论】:

    【解决方案3】:

    更新

    试试这个。如果 css 文件存储在网络上的某个位置,则任何一个都应该工作。

    打开U5.css 并复制其location。

    例如,如果文件托管在 https://www.somerandomwebsite.com/assets/css/U5.css

    然后使用以下内容:

    <link rel="stylesheet" href="https://www.somerandomwebsite.com/assets/css/U5.css">
    

    否则您可以复制该特定 U5.css 的所有内容(假设 U5.css 文件存储在其他位置)并将其粘贴到新的 @987654327 @ 并将 css file 存储在项目中的 folder 中。

    查看this 的想法。

    ..

    尝试添加~/

    ~/your path here/U5.css 
    

    Virginia DeBolt 的 Mastering Integrated HTML and CSS 是一本值得阅读的好书。

    【讨论】:

    • 谢谢,但没用。
    • 打印用作媒体查询。例如,当有人去打印一个页面时,它会为它加载样式表,以便为打印“优化”。
    • U5.css文件存放在哪里?
    • 试试这个。这应该有效。 ~/你的路径/U5.css
    • ~/ 允许您访问根文件夹
    猜你喜欢
    • 2018-09-15
    • 1970-01-01
    • 2019-02-15
    • 2016-06-18
    • 2018-10-31
    • 2017-05-19
    • 1970-01-01
    • 1970-01-01
    • 2018-10-13
    相关资源
    最近更新 更多