HTML と CSS の基礎：CSS のスタイリング入門

ウェブデザインを学ぶ上で、HTML と CSS は欠かせない基本的な技術です。HTML はウェブページの構造を作り、CSS はその構造にスタイルを追加して視覚的に魅力的なページを作成します。この記事では、CSS（Cascading Style Sheets、カスケーディング・スタイル・シート）について、初心者向けに詳しく解説します。

1. CSS とは何か？

CSS は、HTML で作成されたコンテンツにスタイルを追加するための言語です。例えば、フォントのサイズや色、レイアウトなど、ウェブページの見た目を決定するのが CSS の役割です。CSS は HTML の内容を装飾し、ウェブページを魅力的にするために欠かせません。

CSS には主に次の特徴があります：

• スタイルの定義: テキストや画像、ボックスの色やサイズなど、ウェブページの見た目を設定します。

• 一貫性: 複数のページで同じスタイルを適用することで、ウェブサイト全体のデザインが統一されます。

• 分離: HTML と CSS が分離されているため、デザインを変更してもコンテンツには影響を与えません。

2. CSS の基本的な書き方

CSS は基本的に セレクタ と プロパティ の組み合わせで構成されます。次のような基本的な構造です：

css
CopyEdit
セレクタ {
  プロパティ: 値;
}

• セレクタ: スタイルを適用したい HTML 要素を指定します。

• プロパティ: スタイルの種類を指定します（例：color、font-size）。

• 値: プロパティに設定する値です（例：red、16px）。

例：

css
CopyEdit
h1 {
  color: blue;
  font-size: 32px;
}

上記のコードは、すべての

要素に青色の文字とフォントサイズ 32px を適用します。

3. CSS の適用方法

CSS を HTML に適用する方法は主に 3 つあります：

1. インラインスタイル: HTML 要素内に直接スタイルを記述します。

   html
   CopyEdit
   <p style="color: red;">このテキストは赤色です。p>
   

2. 内部スタイルシート: HTML の セクション内に