2017-07-04 59 views
0

我是一个真正的CSS/HTML noob,所以请原谅我。页面背景颜色不起作用(CSS)

我试图改变链接到我的HTML文件的CSS文件的背景页颜色,它不起作用。而当我只是在我的HTML文件中的样式标签之间进行更改时,它就可以工作。是什么赋予了?

简单明了:

Ex1.css

<head> 
<style> 
body { 
    background-color: lightblue; 
} 
</style> 
</head> 

SamplePage.html

<!doctype html> 
<html> 
    <head> 
    <title> Sample Page </title> 
    <link rel = "stylesheet" href="Ex1.css"> 
    </head> 
    <body> 

     Hello. This is a sample Page. 

    </body> 
</html> 
+6

你的CSS文件不得有HTML。 – SLaks

回答

0

你的HTML是正确的,并链接到你的CSS正确(假设Ex1.css是在同一文件夹作为您的HTML)。

Your CSS is almost correct;唯一的问题是你不应该在你的CSS文档中包含任何HTML标签。 Ex1.css应该只包含实际的CSS声明本身(body { })。

body { 
 
    background-color: lightblue; 
 
}
<body> 
 
    Hello. This is a sample Page. 
 
</body>

如有疑问,您可以验证你的CSS与W3's CSS Validator

希望这会有所帮助! :)

0

减少你Ex1.css文件的内容如下:

body { 
    background-color: lightblue; 
} 

(!在CSS文件中没有HTML代码)

0

你的CSS文件将只。平原和简单

body { 
    background-color: lightblue; 
} 
0

改变你的CSS文件,以这样的:

body { 
    background-color: lightblue; 
}