Question

编辑：我不是我所做的，这与我在下面写的不同，但它现在有效。不知道为什么： - /谢谢你们的帮助：）

我正在尝试将文档链接到css文件。问题是。

这有效：

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

这个剂量：

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

当我尝试链接到该文件时，该文件当然存在于子文件夹中。

：）

编辑：

HTML文件

<link rel="stylesheet" type="text/css" href="/css/style.css">
</head>
<body>
<table id="menu">
<tr>
<td><a id="button">Home</a></td>
<td><a id="button">Education</a></td>
<td><a id="button">Experience</a></td>
<td><a id="button">Gallery</a></td>
<td><a id="button">Cantact Me</a></td></tr>

</table>

它似乎只能在我的html编辑器（Expression Web）中运行，但是当我在浏览器中打开它（chrome / firefox / ie）时它无效。

样式文件：

 body{ background-color: white;} 

 #menu { width:100%; background-image:url('BarBG.png'); border:0px;  }
 #button 
 { 
 color:white; 
 font-size:large; 
 line-height:45px; 
 vertical-align:middle; 
 text-align:center;
 display: block; 
 width: 100px; 
 height: 45px;
 margin-right:auto; 
 margin-left:auto;
   }
   #button:hover{


color:black; 
font-size:large; 
line-height:45px; 
vertical-align:middle; 
text-align:center;
display: block; 
width: 100px; 
height: 45px;
margin-right:auto; 
margin-left:auto;
background-image:url('BarBGHover2.png');
cursor:pointer;  
}

Answer 1

Trey制作相对于根的链接

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

Answer 2

或者试试这个：

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

./表示相对于调用它的相对位置。并不总是需要，但有时可以帮助。：）

HTML CSS - 没有文件夹可以使用

2 个答案: