Question

能够在内联<style>命令中设置HTML正文的background-color属性但是当相同的命令移动到外部样式表时不会。一个具体的例子如下。

在test1.html中，background-color设置为“blue：在HTML中。文件test2.html与test1.html相同，除了<style>命令被注释掉。文件style.css包含一个规范用于背景颜色以及<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>

谢谢！

Answer 1

不要在style.css中使用<style type="text/css"></style>

Answer 2

<style type="text/css"></style>

是html标记，您不应该将它们放在.css文件中

以此替换style.css中的代码。只需复制并粘贴。

   body {background-color: green;}
   h1 {color: orange; }

“body {background-color}”在HTML中有效，但在CSS中无效

2 个答案: