【超入門】何となく使ってない？ボックスモデル＆box-sizingプロパティ完全理解への道！【HTML・CSS コーディング】

CSSのボックスモデル、「box-sizing: border-box;」など…ちゃんと理解できてますか？
30分で、ボックスモデルのあれこれを完全解説しました！
※今回もハロウィン仕様ですが、ギリギリハロウィンに間に合わなくてすみません。。

↓↓↓この動画で扱う内容は、CSSのdisplayプロパティを理解している方が断然分かりやすいと思います。↓↓↓
displayプロパティがまだピンとこない、もしくは、まだまだ理解が甘いという方は、「displayプロパティ」の動画を先にご覧ください。
【超入門】CSSプロパティ「display」が使いこなせない方へ！10分攻略【HTML・CSS コーディング】
https://www.youtube.com/watch?v=p5fFAWHj0v4

＜目次＞
・オープニング　0:00​
・はじめに　0:46
・ボックスって何？　1:04
・ブロックボックスとインラインボックスの違いは？displayプロパティの役割って？　1:25
・ボックスモデルとは？　5:19
・box-sizingプロパティとは？　14:39
　　box-sizing: content;について　15:56
　　box-sizing: border-box;について　17:18　
・box-sizing: border-box; の活用について 20:41
・まとめ　25:29

--- Webの神様 ---
未経験、初心者のみなさんのHTML・CSSの学習を応援していくチャンネルです！

【タグ】
#コーディング #プログラミング

【SNS】
--- Twitter ---
https://twitter.com/webgodweb

--- Facebook ---
https://www.facebook.com/webgodweb/

【運営会社】
株式会社カラフルクローバー
https://www.colorful-clover.co.jp/


★★★「Webの神様」メンタープランのご案内★★★

ナビゲーターの「なつこ」が講師となって、皆さんのWebデザイン・プログラミング学習をサポートする「メンタープラン」を実施中です！

【お知らせ動画】
「Webの神様」があなたのメンターになります
https://youtu.be/pJfpEVjAdqkプレビュー

【プランの詳細・お申し込み（MENTA）】
https://menta.work/plan/5148

未経験から学習中の方、Web・IT業界に就職・転職活動中の方、フリーランス独立を目指して活動中の方など、必要として頂いている皆さんのお役に立てるように精一杯サポートさせて頂きます！
是非ともご検討いただければ幸いです。

★★★★★★★★★★★★★★★★★★★★★★★