Question

我想我做的一切都是正确的。如果你想看到网站的有形版本，该网站是robotichive3774.com。我正在为我的学校机器人团队制作这个网站。显然我是一个业余爱好者，所以任何其他技巧都会很棒。

由于

<!DOCTYPE html>
<html>
<head>

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

</head>
<body>
<div class="navbar">
<ul class="nav">
  <li><a href="/Home">Home</a></li>
  <li><a href="/Team Bio">Team Bio</a></li>
  <li><a href="/Our Robot">Our Robot</a></li>
  <li><a href="/Our Coach">Our Coach</a></li>
  <li><a href="/Gallery">Gallery</a></li>
  <li><a href="/Outreach">Outreach</a></li>
  <li><a href="/Youtube">Youtube</a></li>
</ul>
</div>

</body>
</html>

CSS代码

li  
{
float: left;
display:inline-block;
}

.nav 
{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden; 
min-width: 1350px;  
}

a:link, a:visited 
{
display:inline-block;
width: 182.2px;
padding-top: 12px;
padding-right: 5px;
padding-bottom: 12px;
padding-left: 5px;
font-weight: bold;
color: #FFFFFF;
background-color: #990000; 
text-align: center;
text-decoration: none;
}

a:hover, a:active 
{
background-color: #B20000;
}

Answer 1

指令是

<link rel="stylesheet"

不

<link rel="style sheet"

文档：http://www.w3.org/TR/html401/present/styles.html#h-14.3.2

Answer 2

<link rel="stylesheet" type="text/css" src="index_style.css">

而不是

<link rel="style sheet" type="text/css" href="index_style.css">

在rel =＆＃34;样式表＆＃34;

中没有空格

为什么我的CSS样式表不适用于我的HTML文档？

2 个答案: