2017-07-12 14 views
-3

私はちょうどHTMLとCSSで始めました。私はhtml.netからのチュートリアルを見て、今はCSSに問題があります。CSSでh1をスタイルすることはできません

見出し(h1)のfont-colorを白にしたい。これは、HTMLファイル内にCSSコードを書き込むと機能しますが、外部CSSファイルにまったく同じコードを書き込むと機能しません。私は、CSSファイルを正しく参照していることを確信しています。なぜなら、同じCSSファイルを使ってラベルと本文をスタイルすることができるからです。

style.cssに:

<style> 
h1 
{ 
    color: #FFFFFF !important; 
} 
label 
{ 
    color:#FFFFFF; 
    font-family:consolas; 
    font-size:120%; 
} 
body 
{ 
    background-color:#AA5555; 
} 
</style> 

support.html:本体の背景色が動作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" lang="de"> 
<head> 
    <title>Support</title> 
    <link rel="stylesheet" type="text/css" href="style/style.css" /> 
</head> 
<body> 
    <div> 
     <h1>Heading</h1> 
     <label>Test</label> 
    </div> 
</body> 
</html> 

。ラベルのスタイルは機能します。しかし、見出しh1の予言はありません。私はこのCSSファイルしか持っていないし、いくつかのブラウザ(Chrome、Firefox、IE、Opera)で同じブラウザで同じ問題を試してみた。私はh2/h3を代わりに使用しようとしましたが、この見出しにスタイルを付ける機会はありませんでした。

私はDTDとxmlnsなしでも試しました。私は何が起こっているのか、私の問題の解決策を理解する必要があります。 CSS/HTMLには特定のバージョンなどが必要ですか?以前はこのようなことはしていませんでしたし、トラブルシューティングや修正方法も知られていませんでした。

ありがとうございました:)

+1

あなたのCSSファイルから