我的CSS没有被应用到我的HTML,我该如何修复它?

klr1opcd  于 2023-08-01  发布在  其他
关注(0)|答案(6)|浏览(136)

所以我有一个奇怪的问题,我写的任何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;
}


我试过很多方法,我在网上找到,但没有一个工作。

0md85ypi

0md85ypi1#

你能检查你的网络标签,你的style.css是从服务器获取的,没有404未找到。
我会说试试“/styles.css”

btxsgosb

btxsgosb2#

1.检查Devtool,看看网络是否出错,确保style.css加载成功。

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

用html head tag写:

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

字符串

3b6akqbq

3b6akqbq3#

这可能是因为文件夹结构。因此,也许可以尝试确保您的html文件和css文件在同一级别上。
或者你可以尝试“../styles.css”-同样,这取决于你的文件在目录中的位置

ubof19bj

ubof19bj4#

每个人都给了几乎所有我知道的。有时候,正是我们错过的愚蠢的事情给了我们坚韧的时间。请尝试并遵循这一点:
1.确保html和css都在同一个文件夹下,在我的情况下,文件夹被命名为“粗糙”
1.检查文件名前后是否白色。例如:“style”在名称后面有一白色,它应该只是“style”
1.在href中使用“/”。下面的示例href =“/style.css”
x1c 0d1x的数据

moiiocjp

moiiocjp5#

所以,终于想通了。编码被设置为utf-16,所有内容都被渲染为中国汉字。这就是问题的解决方案。Stylesheet taken-over/replaced by Chinese characters

4uqofj5v

4uqofj5v6#

我有一个类似的问题,我相信问题是来自我的CSS文件夹的名称,我有CSS文件。文件夹名为“CSS”,我不知道为什么它会引起问题,但当我把我的css文件放入我的“js”文件夹时,它工作得很好。然后我创建了一个名为“myCSS”的新文件夹,它仍然可以工作。这是一个奇怪的变通方法,但它解决了我的问题,它可能对其他人有用。
也为链接我刚刚有<link rel="stylesheet" href="myCSS/style.css" />

相关问题