将样式表.css绑定到 html 中不起作用



我真的希望你能帮助我,因为我花了 2 天时间寻找我的错误。我想将外部 css 样式表链接到我的 html 网站,但网站打开时没有 css 影响它。我已经验证了两个代码并检查了 1000 次拼写,但仍然不起作用。我尝试使用FF Chrome和IE:

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset = "UTF-8"/>
    <link rel="icon" type="image/png" href="bilder/favicon.png" />
    <title>Die Hauskatze</title>
    <link rel="stylesheet" href="css/stylesheet.css" type="text/css" />
</head>

样式表:

@charset "UTF-8";
body{
    background: url(bilder/background.jpg);
}
img {
    border: 4px black;
}

您的 CSS 文件可能位于 bilder 文件夹以外的其他文件夹中。请务必在路径中指定此项。例如,如果 css 文件在 css 文件夹中,则需要先转到一个文件夹,然后在 bilder 文件夹中。

body{
    background: url("../bilder/background.jpg");
}

对于边框,您需要指定边框"样式"(实心、虚线等(

border: 4px solid black;

https://www.w3schools.com/cssref/pr_border-style.asp

首先,

您可以尝试在此处向URL添加引号

body{
    background: url(bilder/background.jpg);
}

将其更改为:

body{
    background: url("bilder/background.jpg");
}

如果这没有帮助,那么你的道路很可能是错误的。加载页面后,您可以在开发人员控制台中看到它。如果网址错误,您将收到一个错误,指出找不到img文件。

最新更新