2013-02-15 76 views
0

我无法从单独的文件加载.css。css将不会从文件加载

例如,如果我有HTML:

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

<head> 

</head> 

<body> 

<h1>My CSS web page!</h1> 
<p>Hello world! This is a W3Schools.com example.</p> 

</body> 
</html> 

的CSS不加载

但是如果我有相同HTML CSS中的文件正确的CSS负载。我究竟做错了什么?

编辑: 更改HTML按照几个人的建议编码。仍然没有效果。 sytle.css和我的源html在同一个目录下。

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

<body> 

<h1>My CSS web page!</h1> 
<p>Hello world! This is a W3Schools.com example.</p> 

</body> 
</html> 

CSS样式表:

<style> 
    body 
    { 
     background-color:#b0c4de; 
    } 
</style> 
+1

可能的拼写错误:缺少'=''为属性href'。 – ajm 2013-02-15 15:21:52

+0

您也可以将该标签移动到“head”部分。 – Amberlamps 2013-02-15 15:22:16

+1

可能你没有链接到style.css文件的实际位置。 HTML文件现在链接的方式是查找名为style.css的文件,该文件与自身在同一文件夹级别。 如果您有一个名为Project的文件夹,那么您的HTML文件和CSS文件都需要位于该文件夹中。 您的href属性也缺少“=”。 – Michael 2013-02-15 15:22:47

回答

3

link标签格式错误,应在head(相对于文件的根目录):

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

应该是(注意href=校正):

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

是的,这是正确的 – 2013-02-15 15:23:38

+0

需要失去之前和之后的空间= on“= 012” – Michael 2013-02-15 15:24:59

+1

@迈克尔不,你没有,空白在那里并不重要。 – 2013-02-15 15:27:12

0

试试这个

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