記事参照

No.7 2009/10/17 13:29
題:それでも外部スタイルシートの結果を反映できません。
名:けん

 外部スタイルシートの解説を読んで、自分なりに記述しましたが、なぜか結果を表示できません。
 ふつうの記事と水平線、見出しは作れます。
 しかし、外部スタイルシートの機能を記述どおりに反映できないのです。
 何か間違っている点がありましたら、ご指摘いただきたくお願いします。
 まず、デスクトップ上に、ファイルを格納するため、
hp
 という名前のフォルダを用意しました。
 その中に、index
 という名前のHTMLファイルをメモ帳で作成しました。
 デスクトップからクリックすると、確かにインタネットのeマークとなります。
 その中に、メモ帳で、
<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<title>外部スタイルシートの作り方</title>
<link rel="stylesheet" href="hp.css" type="text/css">
</head>
<body>
<h1>松子さんは、明治生まれ</h1><br>
<hr>
<h2>竹子さんは、大正生まれ</h2><br>
<hr>
<h3>梅子さんは、昭和生まれ</h3><br>
<hr>
<p>華子さんは、平成生まれ</p><br>
<hr>
</body>
</html>
 以上のとおり記述しました。
 上書き保存

 次に、メモ帳で
hp.css
 という名前のファイルを作成しました。
 カスケードスタイルシート ドキュメントとなっています。
 その中に、
hr {
color: #808000;
height: 15px;
}
h1 {
color: #ff0000;
}
h2 {
color: #008000;
}
h3 {
color: #0000ff;
}
p {
color: #00ffff;
font-size:15px;
}
 以上のとおりメモ帳で記述しました。
 上書き保存
 見出しレベルごとの文字サイズは、大きさが違いますが、これはデフォルトだからに過ぎないでしょう。
 ですから、一応、水平線も見出しも、段落も設定はされてはいます。
 ところが、
 色の設定は、まったく反映されていませんし、色の設定を変えてもかわりません。
 水平線の高さの設定を変えても反映されませんし、段落の中の文字サイズの設定を変えても反映されません。
 いったいどういうことなんでしょうか、さっぱり分かりません。
 



掲示板に戻る