スタイルシートが反映されない。

質問

htmlに
<link rel="stylesheet"type"text/css" href="style.css" media"all">
と記入

style.cssに
<style type="text/css">
<!--

body{
text-align:center;
padding-top:20px;

h1{
text-align:center;
font-size:1.5em;
color:♯800000;
backgraund-color:♯FFFFFF;
padding-top:20px;
padding-bottom:20px;
}

-->
</style>
と記入

bodyは反映されるのにh1が反映されません。
原因がまったくわかりません。
なにが悪いのでしょうか？。
よろしくお願いします。

回答No.2

elttac · ベストアンサー

根本的な原因は，「body { ... }」の閉じかっこがないことだと思います。すなわち，

body{
text-align:center;
padding-top:20px;
} /* ←これが不足 */
h1{
text-align:center;
font-size:1.5em;
color:#800000;
background-color:#FFFFFF;
padding-top:20px;
padding-bottom:20px;
}

です。
　また，ぱらぱらと間違いがあるので指摘させていただきますと，
　- 色番号の前につけるのは，半角の「#」
　- 「backgraund-color」は「background-color」のタイプミス
です。上記では修正しておきました。

　なお，別ファイルとしてスタイルシートを用意するときは，上記だけでよく，<style ...> などは不要です。
　それから，

<link rel="stylesheet"type"text/css" href="style.css" media"all">

について，等号や空白がぱらぱらと抜けています。

<link rel="stylesheet" type="text/css" href="style.css" media="all">

と書かなければいけません。

お礼

無事解決しました。
丁寧な解説有難うございました。

回答No.1

3o-clock

外部cssなら
<style type="text/css">
<!--
-->
</style>
これの記入はいりません。

あとhtmlの方で
どうh1のタグを書いているのか？

お礼

参考にさせて頂きます。
有難うございます。