我可以在内联<style>
命令中设置HTML正文的背景颜色属性但当相同的命令被移动到外部样式表时就不会了。一个具体的例子如下所示。
在test1.html中,html中的背景色设置为"蓝色"。文件test2.html与test1.html相同,只是<style>
命令被注释掉了。文件style.css包含背景色和<H1>
元素的规范(以测试浏览器是否真的是阅读样式表)。
第一个测试在蓝色背景下生成橙色文本。第二次测试产生橙色文本,但背景为白色。我在Firefox 21、Chrome 19和即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>
<style type="text/css"></style>
是html标签,你不应该在.css文件中有它们
将style.css中的代码替换为this。只需复制粘贴即可。
body {background-color: green;}
h1 {color: orange; }