4 – CSS を使ったレイアウトの要素

CSS(Cascading Style Sheets)は、Web ページにスタイルを与えるために使用されるスタイリング言語です。 Web 開発者は、文章やイメージ、データなどの他のコンテンツをレイアウトするために 4 つの要素を活用します。これらの要素は次の通りです。

  • マージン:特定の要素を取り囲む空間または区分です。
  • パディング:マージン内の要素と関連付けられている領域です。
  • 位置:特定の要素をページ内の別の位置に移動する能力です。
  • サイズ: HTML の要素の大きさを決定し、ユーザーインターフェイスを作成する能力です。

マージンとパディングはどちらも文字通り、コンテンツを取り囲む要素です。マージンが実際の空間(外部要素との間の領域)を定義し、パディングがその外周の空間(内部内のコンテンツと関連付けられている領域)を定義します。位置とサイズは、Web ページに静的または動的なレイアウトを与えることができる 2 番目と 3 番目の要素です。

CSS 定義の位置とサイズの各要素の数値は、次の単位で定義されます。

  • cm:センチメートル
  • mm:ミリメートル
  • %:パーセント
  • pt:ポイント
  • em:フォントベース
  • px:ピクセル

これらの要素を使用すると、Web ページのレイアウトを独自のものに変更できます。多くの情報がありますので、最もよい方法は開発者にとって理解しやすくなるようにきめ細やかな調整を行うことです。 CSS を正しく使用して、高品質の Web ページを作成することができます。