CSSのdisplayプロパティは、HTML要素の表示方法・振る舞いを決める非常に基本かつ重要なプロパティです。 block と inline は最も基本的かつ頻繁に使われる表示形式で、ページレイアウトやUIの構築に直結します。 違いを正確に理解することで、思い通りの見た ...

HTML/CSSを学習中で、noteでの学習や動画学習などをしていてこんな経験はないですか？ ・「一応調べてみた」→が、なんとなくの理解で進む ・「某noteなどで学習していると、そのコードを打ち込んでいけばなんとなくサイトが出来上がってしまう」 ・「意味 ...

Webページの制作で水平リストが必要な場合にはフローレイアウトを使って要素を配置していくということがある。しかし、水平フローにさらに可変の高さを持った要素が入っていたり、それを垂直方向に複数行展開するということになると、なかなか面倒な ...

display: inlineまたはdisplay: inline-blockの要素間に意図しない余白が生じる。これはHTMLの仕様上の挙動である。 このコードでは ...

本文が短い場合でも、フッタを画面下部に表示する方法(2ページ目) ページの内容が少ない場合、ブラウザの描画領域よりもページの長さ(高さ)が足りず、「フッタ」部分が画面の半ばに表示されてしまうことがあります。そこで、内容が少ない場合にだけ ...

レスポンシブ対応グリッドレイアウトだけを使う方法(3ページ目) ウェブページ上で段組レイアウトを簡単に作る方法の1つとして、「グリッドレイアウトを提供するフレームワーク」を活用する方法があります。とはいえ、大規模なフレームワークを段組 ...