web-dev-qa-db-ja.com

「body {background-color}」はHTMLでは機能しますが、CSSでは機能しません

インライン<style>コマンドでHTML本文のbackground-color属性を設定できますが、同じコマンドを外部スタイルシートに移動した場合は設定できません。具体的な例を以下に示します。

Test1.htmlでは、background-colorは「blue：HTMLで」に設定されています。ファイルtest2.htmlは、<style>コマンドがコメントアウトされていることを除いてtest1.htmlと同じです。ファイルstyle.cssには、background-の仕様が含まれています。色と<H1>要素（ブラウザが実際にスタイルシートを読み取っていることをテストするため）。

最初のテストでは、青い背景に対してオレンジ色のテキストが生成されます。 2番目のテストでは、オレンジ色のテキストが生成されますが、背景は白です。 Firefox 21でこれを試しましたが、Chrome 19、およびIE 9;すべて同じ結果が得られます。

どうしたの？どんな助けでもいただければ幸いです。

3つのサンプルファイルは次のとおりです。

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>

ありがとうございました！

htmlcssbackground-color
14
Curious George

style.cssで<style type="text/css"></style>を使用しないでください

13
Arun Kumar
<style type="text/css"></style>

はhtmlタグであり、.cssファイルに含めるべきではありません。

style.css内のコードをこれに置き換えます。コピーして貼り付けるだけです。

   body {background-color: green;}
   h1 {color: orange; }
2
aaron lilly