HTML/ CSS 〜Progate道場コース初級編（全部通して、自力でやってみよー！→body contentsまで）〜

【初級編のコーディングを、Atomを使ってやってみる！】

🍀cssをスムーズに適応させるために

基礎から学ぶ！HTMLにCSSを適用（読み込み）させる方法【初心者向け】

🍀bodyのheader→<div class="header">のdiv忘れ😱

　→プレビューの表示より修正。

🍀body {
font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;
}

→ bodyのフォント指定忘れてたぁー😱

sans-serif、serif 以外にもあるCSSフォントファミリーのキーワード | Studio947 狩野祐東・狩野さやかの本

🍀li {
list-style: none;
}

🍀background-colorが反映されない→「；」忘れ→ってか、Atomにまだ慣れない(￣◇￣;)

HTMLシートに関しても、これまで「<div>」と打ってたから、「div」だけで<div class="">

</div>が出てくるのにギョギョギョだったϵ( 'Θ' )϶

🍀header-titleの「font-weight:normal;」はあえてせずに作成→自分の好み

🍀header-list li

　→⚠️ここでfloat、padding設定しないと、違う物が出来上がります。

🍀<div class="main-logo">
<h1>HELLO WORLD<span>.</span></h1>
<h2>プログラミングの世界へようこそ</h2>
</div>

→h1,h2の使い方を忘れてたー😱div依存症ー💦

🍀ここまで

🍀<div class="main-contents">
<h3>学べるレッスン</h3>

→divにしたくなっちゃうけど、落ち着いてやめる…

🍀ここまで

⚠️border-bottom:→忘れないように

🍀ここまで

ここまでで約1時間30分…