CSS

HTML/CSS初心者が架空のコスメサイト「Lumiere」を制作。ChatGPTでアイデアを考え、Figmaでデザインカンプを作成し、HTML・CSS・レスポンシブ対応まで行った制作の流れや、苦戦したポイント、作って分かったことをまとめました。

HTML/CSS初心者が混乱しやすいpositionについて整理。relative・absolute・fixed・stickyの違いや、top・leftの使い方、実際の架空サイトで画像を重ねたときの使用例を初心者向けにまとめました。

HTML/CSS初心者が混乱しやすい「真ん中寄せ」の方法を整理。text-align、margin: 0 auto、justify-content、align-itemsの違いを、架空サイト制作でのつまずきと合わせて初心者向けにまとめました。

HTML/CSS初心者が混同しやすいdisplay:blockとFlexboxの違いを整理。displayプロパティの基本から、display:flex、flex-direction、justify-content、align-itemsまで、実際のサイト制作でつまずいた経験を交えてまとめました。

HTML/CSS初心者が、セレクタの基本的な指定方法を勉強しながら整理。タグ・class・idの指定方法や、スペース・「>」の違い、階層を使った指定方法について、実際のサイト制作でつまずいた経験を交えてまとめました。

HTML/CSS初心者が、インライン要素とブロック要素の違いを勉強しながら整理。spanタグの使い方やwidth・height、inline-block、Flexboxとの関係について、実際のサイト制作で使った例を交えてまとめました。