颜色}“在HTML中工作,但不在CSS中

可以在内联<style>命令中为HTML主体设置background-color属性,但是当相同的命令移动到外部样式表时不能。 下面给出一个具体的例子。

在test1.html中,background-color在HTML中被设置为“blue:”,文件test2.html和test1.html是相同的,除了<style>命令被注释掉之外,File style.css包含一个background-color规范,也用于<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>

谢谢!


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

链接地址: http://www.djcxy.com/p/307.html

上一篇: color}" works in HTML but not in CSS

下一篇: Changing the color of an hr element