半歩でも進むスキルアップブログ (original) (raw)

メイン構造をつくる 1-1

メインの構造は、3つの要素で構成される。

HTMLは、Webサイトの構造と内容を定義するためのマークアップ言語です。

間違えたところ

HELLO WORLD.

プログラミングの世界へようこそ

</div>をcopy-containerの前において終了させていた。 当然認識しない。

中身が空の場合でも、</div>終了タグは改行した方がミスが少なくなりそう。

フッターロゴ

Li { froat: left; }

これでは<li>全体にfroatプロパティが適用される。 .header logo {

froat: left;

.header list li {

froat: left;

この場合 header listのliにのみfroatプロパティを適用できる。

ちょっとだけWebページの構造になれてきたかな？ divで要素化されたhooterという大きな枠、そこにロゴ、li の小さな枠がある。

このブログは、Webデザインの勉強を行うために作ったアウトプットブログです。

現在はプロゲートを使って基礎固め中。

メモ帳やノートで記録していましたが、都度アウトプットが

効果的に感じたので、書いてみることにしました。

今月の目標は10月中にHTML＆CSSをFlex Boxまで終わらせること！

（ところで「Flex Box」ってなんだ……？？？）