2017-02-09 4 views
0

私はHTMLコードを作成しようとしていますが、クラスまたはIDで 'div'を使用しようとすると、クラスに書き込まれた内容は実行されません。私はタグの間に書き込むときだけです(タグ間の幅を書き込むときに動作しますが、クラスに書き込んだ場合はそうではありません)。idとclass属性が機能しません

.header { 
 
    width: 100px; 
 
    height: 10px; 
 
    background: blue; 
 
}
<!doctype html> 
 
<html> 
 

 
<head> 
 
    <link type="text/css" rel="OIM11 - CSS" href="OIM11 - CSS.css" /> 
 
    <title></title> 
 
</head> 
 

 
<body style="background-color:#666666"> 
 
    <div class="header"></div> 
 
</body> 
 

 
</html>

これが動作しない理由を任意のアイデア?

+2

relは、スタイルシートに設定する必要があります_必要なrel属性は、現在のドキュメントとリンクされているドキュメント/リソースの関係を指定します。 –

+0

スニペットに変換されています。スタイルシートを間違ってリンクしているだけです。 –

+0

問題なく動作しているようですが、問題はわかりません。 –

答えて

1

不明な点がある場合は、文字通り任意のWebサイトで開発者ツールを開き、スタイルシートを含む方法を見てください。私はあなたがどのようにそのフォーマットを思いついたのか分かりません。これは適切な方法です。

<link rel="stylesheet" type="text/css" href="path/to/main.css"> 

また、ファイルに名前を付けるときはスペースを使用しないでください。あなたの靴では、現在のファイルの名前をOIM11-CSS.cssに変更します。

+0

はい私はSergに賛成します。Sergは、HTMLページのスタイルシートがWebブラウザにどのように読み込まれているかを見るための開発ツールを使用するのがベストプラクティスです。ほとんどの場合、FireBugを使用して自分のスタイルシートをデバッグし、ファンクバグを使って要素のスタイル属性を計算します。 –

関連する問題