2013-11-28 113 views
-2

我无法将我的CSS样式表:样式表链接尚未工作

层次:

的index.html:

// index.html 
<!DOCTYPE html> 
<html> 
    <head> 
    <link href="css/index.css" type="text/css" rel="stylesheet"> 
    </head> 
    <body> 
    <p class="blue">Hello</p> 
    </body> 
</html> 

index.css:

// index.css 
.blue { 
    font:blue; 
    font-size: 20px; 
} 
+0

你在控制台或网络标签中看到了什么? – SLaks

+0

如果index.css位于css文件夹中,并且css文件夹与index.html位于同一目录中,那么我发现您的样式表链接没有问题。 – sheng

+0

是的,这个问题不在代码本身中。它是我的后端框架。 – collinglass

回答

7

的“字体“属性不正确。

尝试更换此:

.blue { 
    font:blue; 
    font-size: 20px; 
} 

通过这样的:

.blue { 
    color:blue; 
    font-size: 20px; 
} 

CSS的路径似乎是正确的,你可以检查你的浏览器控制台的网络选项卡上,如果你得到一个HTTP 200该文件被加载,如果404没有找到。