我的 CSS 未应用于我的 html，我该如何修复它？

问题描述 投票：0回答：7

所以我有一个奇怪的问题，我写的任何CSS都不起作用。我尝试创建多个页面并链接 css，但它根本不适用。 如果我下载互联网模板并运行该页面，它们的 html 就可以工作。

这是我编写的最基本代码的示例，尽管我已经通过验证器运行了它，但它不起作用。无论我尝试对哪个元素应用样式不起作用，都没关系。

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title> Test Page </title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1> Sup! </h1>
</body>
</html>

CSS

body {
    font-size: 16px;
    color: #fff;
    background-color: #61122f;
}

我尝试了网上找到的多种解决方案，但都不起作用。

html css
7个回答
2
投票

你可以检查一下你的网络选项卡，你的 style.css 是从服务器获取的，并且没有 404 未找到。

我想说尝试“/styles.css”

2
投票

1.检查你的Devtool，看看网络是否有错误，确保
style.css
成功加载。

2.尝试 - 导入外部样式表

写入html head标签：

<style>
    @import url("css/style.css");
    p {
        color: blue;
        font-size: 16px;
    }
</style>
1
投票

每个人几乎都奉献了我所知道的一切。有时候，正是我们错过了一些愚蠢的事情，才让我们度过了艰难的时光。请尝试遵循以下步骤：

  1. 确保 html 和 css 位于同一文件夹下，在我的例子中，该文件夹名为“ROUGH”
  2. 检查文件名前后是否有空格。示例：“style”名称后有一个空格，它应该只是“style”
  3. 在 href 中使用“/”。下面的示例 href = "/style.css"

1
投票

我有一个类似的问题，我相信问题出在我有 CSS 文件的 CSS 文件夹的名称上。该文件夹名为“CSS”，我不确定为什么它会导致问题，但当我将 css 文件放入“js”文件夹时，它工作得很好。然后我创建了一个名为“myCSS”的新文件夹，它仍然有效。这是一个奇怪的解决方法，但它解决了我的问题，并且可能对其他人有用。

还有我刚刚的链接

<link rel="stylesheet" href="myCSS/style.css" />

0
投票

这可能是由于文件夹结构造成的。因此，也许尝试确保您的 html 文件和 css 文件位于同一级别。

或者你可以尝试“../styles.css” - 这又取决于你的文件在目录中的位置

0
投票

所以，终于想通了。编码设置为 utf-16，所有内容都呈现为中文汉字。这就是问题的解决方案。 样式表被汉字接管/替换

0
投票

如果您在树中使用 css 文件，您应该放置“.//”。单点表示当前目录位置。 “../”可能会触发跨通道安全检查。但这通常不会发生在 css、php 文件中。如果当前目录应该是“./”

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.