記事参照
No.7 2009/10/17 13:29
題：それでも外部スタイルシートの結果を反映できません。
名：けん
外部スタイルシートの解説を読んで、自分なりに記述しましたが、なぜか結果を表示できません。
ふつうの記事と水平線、見出しは作れます。
しかし、外部スタイルシートの機能を記述どおりに反映できないのです。
何か間違っている点がありましたら、ご指摘いただきたくお願いします。
まず、デスクトップ上に、ファイルを格納するため、
hp
という名前のフォルダを用意しました。
その中に、index
という名前のＨＴＭＬファイルをメモ帳で作成しました。
デスクトップからクリックすると、確かにインタネットの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;
}
以上のとおりメモ帳で記述しました。
上書き保存
見出しレベルごとの文字サイズは、大きさが違いますが、これはデフォルトだからに過ぎないでしょう。
ですから、一応、水平線も見出しも、段落も設定はされてはいます。
ところが、
色の設定は、まったく反映されていませんし、色の設定を変えてもかわりません。
水平線の高さの設定を変えても反映されませんし、段落の中の文字サイズの設定を変えても反映されません。
いったいどういうことなんでしょうか、さっぱり分かりません。
掲示板に戻る