能够在内联中设置 HTML 正文的背景颜色属性<style>
命令
但当相同的命令移动到外部样式表时则不会。一个具体的例子
下面给出。
在 test1.html 中,background-color 在 HTML 中设置为“blue:”。文件 test2.html 与 test1.html 相同,除了<style>
命令被注释掉。文件 style.css 包含背景颜色的规范以及<H1>
元素(测试浏览器确实是
阅读样式表)。
第一个测试在蓝色背景下生成橙色文本。第二次测试产生橙色
文本,但背景为白色。我已经在 Firefox 21、Chrome 19 和
IE 9;都给出相同的结果。
这是怎么回事?任何帮助,将不胜感激。
以下是三个示例文件:
测试1.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>
测试2.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 中
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)