【HTML5】CSSを始めてみよう(超初心者)

赤丸先生
赤丸先生

今日はCSSをやるね。

うん。

青丸くん
青丸くん
赤丸先生
赤丸先生

まず、CSSって何か知ってる?

うーん
デザインを変えるやつ?

青丸くん
青丸くん
赤丸先生
赤丸先生

そう!正解!CSSを追加すると、ぐっとホームページがよくなるよ!
CSSは、魔法のプログラミングだよ。

赤丸先生
赤丸先生

じゃあ早速初めて行こうか。
まずは、CSSの例を紹介するね。

コード

<meta charset="UTF-8">
<style>
h1 { color: red;}
</style>
<h1>赤色で表示されます</h1>

プレビュー

赤色で表示されます

赤丸先生
赤丸先生

これで、上のようになったかな?
意味はこんな感じ。

  • 3行目 h1の時は、色を赤にする
  • 5行目 h1を表示しろ
赤丸先生
赤丸先生

意味はこんな感じかな。
CSSはなんか楽しいな。

うん!

青丸くん
青丸くん
赤丸先生
赤丸先生

色を変える以外にも、大きさを変えるとか位置を変えるとか角度を変えるなど、CSSはいろいろなことができるよ。

わーあとで、ネットでいろいろ調べてみよう!

青丸くん
青丸くん
赤丸先生
赤丸先生

うん!それが一番!じゃあ、バイバーイ!

一緒に、、、、

青丸くん
青丸くん
2人
2人

ばいばーい

amuos1210

小3です。scratchやHTML、CSS、JavaScript、Pythonなどが好きです。 最近動画編集もはまっています。

おすすめ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください