我的样式表突然不能工作了

前几天我为我正在做的一个小项目创建了一个登录页面。我几乎什么都没做，制作背景和导航栏。当我继续工作时，我对CSS所做的任何更改都不起作用。举个例子，当我试图把h1的颜色变成白色。我试过清理我的Mozilla缓存，以防某些东西损坏，但没有希望。

也，奇怪的是，我认为我得到了整个"用户代理样式表"的问题(注意在chrome上打开时)。有什么建议吗?

HTML:

<!DOCTYPE html>
<html>
 <head>
<title> BitStudy </title>  
<script src="man.js"></script> 
<link rel=styleSheet HREF="home.css" type="text/css" >
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> 
</head>
<body>
    
<ul class="topnav">
  <li><a class="active" href="#home">BitStudy</a></li>
  <li><a href="#news">About</a></li>
  <li><a href="#contact">Contact</a></li>
  <li class="right"><a href="#about">Log in</a></li>
</ul>
<h1>Testing</h1>
  
    
</body>
</html>

和css:

body,html{
    width:100%;
    height: 100%;
    margin: 0 auto;
    background: url(images/back1.jpeg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    font-family: 'Roboto', sans-serif;
    font-size:80%;
}
ul.topnav li {float: left;}
ul.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
ul.topnav li a:hover:not(.active) {background-color: #111;}
ul.topnav li a.active {background-color: #ff751a;}
ul.topnav li.right {float: right;}
@media screen and (max-width: 600px){
    ul.topnav li.right, 
    ul.topnav li {float: none;}
h1{color:white;}

首先:确保index.html和home.css在同一个文件夹中。然后把HREF改成Mandar Sant说的HREF。最后在样式表中添加双引号，如rel="stylesheet"。比如你可以输入

<link rel="stylesheet" href="home.css" type="text/css" >

代替y下面最初的代码。

<link rel=styleSheet HREF="home.css" type="text/css" >

在本地测试，所有看起来都很好，确保你对。css文件有正确的权限，在这种情况下，检查开发人员工具(F12)中的。NET选项卡，如果文件被正确包含

相关内容

最新更新

热门标签：