“body {background-color}”在HTML中工作，但不在CSS中

能够为联机<style>命令设置HTML主体的背景颜色属性，但不能在相同的命令移动到外部样式表时设置。下面给出了一个具体的例子。“body {background-color}”在HTML中工作，但不在CSS中

在test1.html中，背景颜色设置为“blue：在HTML中。文件test2.html与test1.html相同，但<style>命令被注释掉.File style.css包含一个用于background-色彩，也为<H1>元素（测试浏览器确实是阅读样式表）。

首先测试产生在蓝色背景橙色的文字。其次测试产生橙色文本，但在白色背景。我已经在Firefox 21，Chrome 19和 IE 9上尝试了这一点;所有结果都一样。这是怎么回事？任何帮助，将不胜感激。

这里有三个样本文件：

test1.html：

<HTML> 
<head> <link type="text/css" rel="stylesheet" href="style.css"> 
<style type="text/css"> 
    body {background-color: blue} 
</style> 
</head> 
<body> <h1>This is a test.</h1> </body> </html>

test2.html：

<HTML> 
<head> <link type="text/css" rel="stylesheet" href="style.css"> 
<!-- <style type="text/css"> 
     body {background-color: blue} 
    </style> --> 
</head> 
<body> <h1>This is a test.</h1> </body> </html>

的style.css：

<style type="text/css"> 
    body {background-color: green;} 
    h1 {color: orange; } 
</style>

谢谢！

来源

2013-06-24 Curious George

为什么在'style.css'文件中有HTML标签？也许把这些解决掉会解决这个问题？ – David

解决HTML或CSS问题的第一步应该是验证两个文档。 – cimmanon

css文件是否与您的html文件位于相同的目录/位置？从CSS样式表中删除标签。 – emgee

请勿在style.css中使用<style type="text/css"></style>

来源

2013-06-24 17:04:57

谢谢 - 工作。认为它必须是简单的东西。 –

“body {background-color}”在HTML中工作，但不在CSS中

回答

相关问题