CSSの基本的な記述方法と記述箇所

Web制作
ブッ君
ブッ君

さぁ、今度の学習はCSSだよ!

マー君
マー君

WebサイトはHTMLだけじゃないんだ・・・

ブッ君
ブッ君

そうだよ。試しに作成したHTMLファイルをブラウザで開いてみるとわかるけど、テキストと画像がただ並んでいるだけの簡素なものになっているのが分かると思うんだ!

マー君
マー君

本当だ!これじゃ読みづらいし、見づらいし恰好悪いね・・・

ブッ君
ブッ君

そうなんだ!だからこれから学習するCSSで装飾やレイアウトを整えて、見やすくかっこいいサイトに仕上げていくんだ!!

マー君
マー君

よーし!!!しっかり学んでかっこいいサイトを作っていくぞ!!!!

  • HTMLはWebサイトの骨組み
  • CSSはHTMLに肉付け(装飾やレイアウト調整)を行っていくモノ

まとめ

CSS記述の3つ
  • HTMLにstyle属性を使用して記述する
  • HTMLにstyleタグを使用し、その中に記述する
  • CSS用のファイルを作成し、HTMLのlinkタグを使用してCSSファイルを読み込む

通常はCSSファイルを作成しその中にCSSを記述する方法は一般的であり、推奨されていますので、その方法で進めていきましょう!

コメント

タイトルとURLをコピーしました