我是html和css的新手，我刚刚在xd adobe上设计了示例网站。附件是它的图像。html可以工作，但当我在css部分工作时，它不工作，它不显示在网站上。我在scss文件中编码，而不是在css文件中。我将感谢任何人的帮助！你可以看到我写在css文件上的标志应该没有underLine，但它仍然不能工作
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
body {
background: #F2F2F2;
font-family: 'Poppins';
margin: 0;
}
.navbar {
background: white;
padding: 1em;
.logo2 {
text-decoration: none;
font-weight: bold;
color: black;
font-size: 10em;
}
}
.container {
display: flex;
} <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JustFly</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="navbar">
<div class="container">
<a class="logo2" href="#">JustFly</a>
<img id="mobile-cta" class="mobile-menu" src="images/menu.svg" alt="Hamburger Menu">
<nav>
<img id="mobile-exit" class="mobile-menu-exit" src="images/exit.svg" alt="Hamburger Menu">
<ul class="primary-nav">
<li class="current"> <a href="#">Home</a> </li>
<li> <a href="#">FAQ</a> </li>
<li> <a href="#">Pricing</a> </li>
</ul>
<ul class="secondary-nav">
<li> <a href="#">Contact</a> </li>
<li class="GoPremiumBtn"><a href="#">Buy Now</a> </li>
</ul>
</nav>
</div>
</div>
<section class="hero">
<div class="container">
<div class="col">
<h1 class="head">Fly Like Never Before.</h1>
</div>
<img id="mainImage" class="mainImage" src="images/icons8-fighter-jet-96.png" alt="Fighet Plane Image">
</div>
</section>
</body>
</html>[Code][1]
[Output][2]
[Design][3]
[1]: https://i.stack.imgur.com/K19ny.png
[2]: https://i.stack.imgur.com/Iluoa.png
[3]: https://i.stack.imgur.com/fGDMf.png转载请注明出处:http://www.bigbigcall.com/article/20230401/1286080.html