html - 一些 CSS 样式表没有链接到 HTML

标签 html css

我正在努力将我的 css 文件链接到我的 HTML 代码。在查看其他人的问题后,我尝试重命名它的样式表,将其移动到不同的目录并从根目录引用。我已经注释掉了 Bootstrap 链接,只是为了确定它是否是链接的样式表,或者它是否是偏好的样式顺序,但事实并非如此。

我只是在正文中输入了一些随机文本,并尝试使用颜色和字体对其进行操作,只是为了查看 css 是否正在链接,而事实并非如此。关于目录结构等的任何其他建议也非常感谢。

如果我在 HTML 代码中直接通过 style="..."引用样式,样式确实有效。引导引用也有效,只是这个文件不起作用。

<!DOCTYPE html>
<html>
<head>
    <title>StopUnderThinking</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<!--    <link rel="stylesheet" type="text/css" href="../static/css_bootstrap/bootstrap.css">-->
<!--    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">-->
    <link rel="stylesheet" type=text/css" href="../static/custom.css">
    <script src="../static/js_bootstrap/bootstrap.min.js"></script>
</head>
<body>
    ... 
</body>
</html>

在 custom.css 中,查看是否有任何变化,即使是专门针对它也不起作用

* {
    color: blue;
    font-family: "Helvetica Neue";
}

目录结构的图像:

an image of the directory structure

最佳答案

缺少双引号:

type=text/css"

替换为

type="text/css"

我觉得应该可以

顺便说一下,调用 css 文件时不需要类型。

关于html - 一些 CSS 样式表没有链接到 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58503264/

相关文章:

python - 在 Django 中,管理移动站点和桌面站点的最佳方法是什么?

html - Bootstrap 输入附加不适用于流体网格

css - 应用文本后我的 div 重新定位

html - 如何设置 Dojo Combobox 的宽度

javascript - 一个完美的 Angular Material 底部导航栏。有没有我缺少的组件?

jQuery 单击更改 div 上的切换类

css - 如何修改 Twitter Bootstrap 组件?

javascript - 关于使用 jQuery 和 JSON 在 div 中设置背景...

Javascript insideHtml 测验结果

javascript - Jquery启用/禁用按钮文本区域验证