14

能够在内联<style>命令中设置 HTML 正文的背景颜色属性，但在将相同命令移动到外部样式表时不能。下面给出一个具体的例子。

在 test1.html 中，背景颜色设置为“蓝色：在 HTML 中。文件 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>

谢谢！

4

2 回答 2

15

不要<style type="text/css"></style>在 style.css 中使用

于 2013-06-24T17:04:57.177 回答
3 
<style type="text/css"></style>

是 html 标签，你不应该在你的 .css 文件中包含它们，

用这个替换 style.css 中的代码。只需复制和粘贴。

   body {background-color: green;}
   h1 {color: orange; }
于 2019-03-27T15:36:52.423 回答