HTML/CSS– category –
-
CSSのremとemの違いと使い分けのポイント
CSS のレイアウト設計で使われる相対的な単位として、rem と em があります。これらは要素のフォントサイズや幅、高さなどを相対的に指定するための便利なツールですが、どちらを使うべきか迷うことがよくあります。本記事では、rem と em の違いと、それぞれの使い分けについて解説します。 emとは? em は、親要素のフォントサイズを基準と... -
HTML 要素に対して奇数回目と偶数回目で異なるスタイルを適用する方法
HTML では、同じクラスを持つ複数の要素に対して、それぞれの要素の表示順に応じたスタイルを適用したい場合があります。たとえば、奇数番目の要素と偶数番目の要素に異なるスタイルを適用する場合、CSS の疑似クラスを使うことで簡単に実現できます。本記事では、その具体的な方法を紹介します。 疑似クラス :nth-child() の基本 nth-child(... -
CSSの基礎: フレックスボックスでのレイアウト
自分がCSS勉強するためにChatGPTにアウトライン作らせて書かせたものの一部です。 フレックスボックスでのレイアウトの概要 フレックスボックス(Flexible Box)レイアウトは、CSS3で導入された強力なレイアウトモデルであり、コンテナ内のアイテム間のスペース分配と強力なアライメント機能を提供します。フレックスボックスを使用すること... -
HTML: Webページの構造/コンテナ/セクショニング
自分がHTML/CSSの復習するためにChatGPTにアウトライン書かせて記事化したものの一部です。 レイアウトの基本(ブロックレベル要素とインライン要素) Webページのレイアウトを理解する上で、ブロックレベル要素とインライン要素の違いを把握することは非常に重要です。これらの要素は、HTML文書内でどのように配置され、振る舞うかに大きな... -
HTML/CSSの基本
自分がHTML/CSSの復習するためにChatGPTにアウトライン書かせて記事化したものの一部です。 HTML文書の構造 HTML(HyperText Markup Language)は、Webページの構造を定義するために使用されるマークアップ言語です。 基本的なHTML文書の構成 全てのHTML文書は、基本的な構成要素から成り立っています。これらの要素を正しく理解し、適切に使...
1