我的CSS没有显示在我的浏览器中，只有HTML。一切都是正确的链接（我认为），但没有浏览器显示的CSS。现在，如果我在Visual Studio代码中使用类似live-server插件的东西，CSS会正确显示并按预期工作。
这里是我的css：
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
body{
background-color: rgb(35, 35, 35);
color: white;
font-family: 'Montserrat', sans-serif;
margin: 0;
}
.top{
text-align: center;
}
header{
align-items: center;
}
h1 span{
color: red;
}
p span{
color: red;
}
p{
font-weight: bold;
}
.explain{
color: white;
}
.explain p{
color: red;
}
.forum-container{
background-color: rgb(32, 32, 32);
margin: 1em 30em 1em 30em;
text-align: center;
align-items: center;
border-radius: 3em;
padding-top: 1.1em;
}
label{
display: block;
color: white;
font-weight: bold;
font-size: 1.4em;
}
input[type="text"]{
border: solid grey;
outline: none;
width: 50%;
padding: 1em;
border-radius: 4em;
margin-top: 1.1em;
margin-bottom: 1.1em;
}
input[type="number"]{
outline: none;
border: solid grey;
width: 50%;
padding: 1em;
border-radius: 4em;
margin-top: 1.1em;
margin-bottom: 1.1em;
}
input[type="button"]{
border: none;
outline: none;
background-color: red;
color: white;
border-radius: 3em;
font-weight: bold;
text-align: center;
padding-top: 1.1em;
padding-bottom: 1.1em;
width: 30%;
margin: 1.1em 1.1em 1.1em 1.1em;
cursor: pointer;
}
input[type="button"]:hover{
background-color: rgb(211, 5, 5);
}下面是我调用我的css文件的部分：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/main.css">
<link rel="shortcut icon" type="image/x-icon" href="/images/logo.png"><title>title</title>
</head>我今天才开始学习HTML和CSS，所以如果你正在看这个，看到一些我做错的事情，请让我知道。
3条答案
按热度按时间iszxjhcz1#
你能在浏览器的“网络”选项卡中看到加载的CSS文件吗？
如何：
开发人员控制台>网络
为了使上述工作，打开浏览器的开发人员控制台（这里有一个很好的链接，可以为您的浏览器找到：Check Opening Browser Developer Console）
如果CSS文件显示在网络选项卡中，则意味着您的CSS选择器不正确。
如果CSS文件未显示，则说明路径不正确。作为测试，将整个url（绝对值）放入
src'中，如下所示：<link rel="stylesheet" href="https://mywebsite.com/css/main.css">flvtvl502#
CSS文件链接需要具有类型的属性。因此，最终的代码应该如下所示：<link rel=“stylesheet”type=“text/css”“href="/css/main.css”>
ujv3wf0j3#
将CSS引用更改为以下内容：
那就一切正常了
我也有这个问题。复制和粘贴别人的代码是没有帮助的，因为它仍然需要一些调整，尽管如此，我认为CSS不会显示，这就是它。
我使用chrome作为控制台。
CSS X HTML链接是外部的，如果这还不够明显的话。