スタイルシート勉強中

久し振りにホームページを触る機会があり、新しいホームーページで使われているCSS(スタイルシート)の意味が良く分からなかったので、勉強している。

HTMLとCSSとを解説した書籍を購入し、例題を入力した。HTMLとCSSとの入力を終わり、デバックして実行ボタンを押し、ミスなく入力できていることを確認した。

早速、ブラウザでHTMLを表示してみた。驚いたことに、奇麗に表示している。1回の入力だけで、表示成功したことは珍しいので、大変喜んだ。

早速、講師の作成したファイルをダウンロードして、同じ例題のHTMLをブラウザに表示してみた。比較結果は、私の作成したHTMLでは、文章表示欄の背景色が白色であるのに対し、講師のものは、色付きになっている。

確かに、CSSファイルをみると、文章欄はセクションごとに異なった色で背景色を表示するようになっている。私の作成したCSSファイルを見てみると、チャンと背景色を指定している!!

つまり、私の作成したCSSファイルは背景色を指定しているのにも拘わらず、HTMLをブラウザに表示したら、色がつかないのである。

今朝から、数時間検討しているが、まだ分からない。CSSファイルは間違いが無いので、色付きで表示されなければならないのだが、何故か色がつかないのである。

もう今日は朝から、CSSファイルを眺め過ぎたので、検討中止である。明日にでも、再度検討してみよう。

それにしても、CSSを用いると、ページ表示が大変奇麗である。その点は〇である。もう少し勉強しなくっちゃ。

 

Top