“body {background-color}”在HTML中起作用,但不在CSS中

发布时间：2020-12-14 19:30:46 所属栏目：资源来源：网络整理

导读：可以在内联 style中设置 HTML主体的背景颜色属性.命令但是将相同的命令移动到外部样式表时不会.一个具体的例子在下面给出. 在test1.html中,背景颜色设置为“蓝色：在HTML中.文件test2.html与test1.html相同,除了 style命令被注释掉.文件style.css包含背景

可以在内联< style>中设置 HTML主体的背景颜色属性.命令
但是将相同的命令移动到外部样式表时不会.一个具体的例子
在下面给出.

在test1.html中,背景颜色设置为“蓝色：在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>

谢谢！

解决方法

不要使用< style type =“text / css”>< / style>在style.css

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!