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

CSSのボックスモデル、「box-sizing: border-box;」など…ちゃんと理解できてますか？ 30分で、ボックスモデルのあれこれを完全解説しました！ ※今回もハロウィン仕様ですが、ギリギリハロウィンに間に合わなくてすみません。。 ↓↓↓この動画で扱う内容は、CSSのdisplayプロパティを理解している方が断然分かりやすいと思います。↓↓↓ displayプロパティがまだピンとこない、もしくは、まだまだ理解が甘いという方は、「displayプロパティ」の動画を先にご覧ください。 【超入門】CSSプロパティ「display」が使いこなせない方へ！10分攻略【HTML・CSS コーディング】 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-p5fFAWHj0v4.html

なつこ先生、お世話になっております。 paddingやmarginなどのboxの定義について、今まで図では理解できてもイマイチ頭の中で整理が出来てなかったのが、とてもわかりやすく解説いただき、とても勉強になりました！ 今後も検証ツールを活用したり、実践につなげていきたいと思います！

勉強も捗るし、可愛いしで　幸せです。

「box-sizing: border-box;」の理屈がようやく理解できました。ずっと『モヤモヤ』していたので、“なるほど！“と言う感じでした。有難う御座いました。

超絶カワイイ✨🎃 私は初心者ですが、なつこ先生が教えてくれるとモチベーションが上がります！ ありがとうございます😊

「box-sizing: border-box;」がさらっと聞いただけでは分からず困ってました。 一つずつ記述して見せてくれると本当に分かりやすいです。

全く理解できなかったcontent、padding、border、marginの関係が、 完璧に理解できました😯 さすが神様！ border-boxも完璧！ めっちゃ簡単に理解出来ました！ 神様凄い👍👍👍

説明だけでなく、活用の仕方、まとめを動画に構成してくださったお陰で今までピンとこなかった概念が鮮明になりました！ 本当にありがとうございます！

なつこせんせいの説明がとってもわかりやすいです！さすが教員免許持っているだけありますね！言葉のチョイスが秀逸で、スッと入ってきます。何度も視聴して身につけたいです！

めっちゃ分かり易いです！ 可愛いしありがとうございます😊

頭いい人マジ好きです！

いつも、なつこさんの動画楽しみにしています。本当に分かりやすくて助かってます。 画像のスライドについての動画がみたいです。slickとか…それ以外でもなんでもいいです。

わかりやすかったです。ありがとうございました。

81歳、身障者（脳梗塞）の私でも理解できます。基本概念の説明に及んでいるからだと思います。丁寧な説明ありがとうございます。wordpressの企画も楽しみにしています。挑戦大好きな者です。３年前にも畑違いの、会社法関連での本人訴訟に挑戦、地裁への提訴で、訴状作成、法廷維持、そして勝訴判決もいただきました。今は、IT挑戦です。なつこ先生が、逸失利益の話をしていましたね。今は本職（中小企業診断士）の仕事をやめている私には、IT挑戦をやめることは、人的会計的には、機会損失となります。挑戦の機会を与えていただきありがとうございます。

とてもわかりやすいです！理解できました！ありがとうございます^^

めっちゃ聞き取りやすいです。

「box-sizing: border-box の活用について」　のbox-sizingが初期値だった場合の例が画面幅の右側だけはみ出てますがwidthの値がcontent-boxにしか適用されないのであれば左側のパディング領域、ボーダー領域もはみ出ると思ったんですけどなぜ左側だけ画面幅に収まっているのでしょうか？ 教えていただけるとありがたいです。。

わかりやすい！

かわいいー！

HTML & CSS 初学者です。 ＊（全称セレクター）でborder-boxをつけています。とりあえず、paddingとborderを含めた方が感覚的にわかりやすいと感じるからです。なぜ、基本はcontent-boxなのか教えていただけませんでしょうか？宜しくお願い致します。

講師とか先生とかやってみえるんですかね。分かりやすい。

悪魔様🦹‍♀️ではなくて、ごっちん女神様です🗽

わかりやすいし、ほんとにこんな感じの嫁さん欲しいです😌

js.jqueryはやる予定ありますか？

超入門なのに何回見ても頭が理解してくれません泣

なるほど、わからん(泣)

なつこさんのサブチャンネル希望