yachin29 https://blog.hatena.ne.jp/yachin29/ WEBサイト制作の勉強 https://yachin29.hatenablog.com/ 2026年2月クラス 「余白」はデザインする上でもっとも重要な役割を果たします。 近接の法則 近接の法則とは「ゲシュタルトの法則」の１つで、距離が近いもの同士が同じグループだと考えるという法則です。 それぞれの要素数が異なっていても同じグループと認識します。studyhacker.net bulan.co 余白の設定 CSSの基礎で一番解りにくいのが、marginとpaddingの違いです。 margin marginとは要素の外側に出来る隙間の事です。 padding paddingとは要素の内側に出来る隙間です。言葉にすると一見簡単に思えますが、実際にレイアウトしてみるとシンプルなレイアウトではどちらでも結果と… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyachin29.hatenablog.com%2Fentry%2F2022%2F05%2F17%2F004250" title="余白と境界線の役割 - 近接の法則 - WEBサイト制作の勉強" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/yachin29/20160720/20160720132056.gif Hatena Blog https://hatena.blog 2026-03-03 12:30:00 rich https://yachin29.hatenablog.com/entry/2022/05/17/004250 1.0 100%