我能够在内联中为 HTML 正文设置背景色属性 <style>
命令
但当将相同的命令移动到外部样式表时则不会。一个具体的例子
下面给出。
在 test1.html 中,背景颜色设置为“蓝色:在 HTML 中。文件 test2.html 与 test1.html 相同,除了 <style>
命令被注释掉。文件 style.css 包含背景规范-color 以及 <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>
样式.css:
<style type="text/css">
body {background-color: green;}
h1 {color: orange; }
</style>
谢谢!
最佳答案
不要使用<style type="text/css"></style>
在 style.css 中
关于html - "body {background-color}"适用于 HTML 但不适用于 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17280880/