Summary  
This chapter introduces Cascading Style Sheets (CSS) as a language for separating content structure from visual presentation by using selectors and declaration blocks to define properties like colors, spacing, and fonts.  

General domain of usage  
Web development

HTMLはウェブページの構造と内容を定義。
CSSはその内容の表示方法を定義。

HTMLは見出し、段落、画像などの要素を整理し、**CSSは**それらの**見た目**（色、余白、フォント、配置、レイアウトなど）を制御。

HTMLとCSSは現代のウェブ開発の基盤。

CSSはCascading Style Sheets（カスケーディング・スタイル・シート）の略称。
HTML要素がブラウザでどのように表示されるかを記述するスタイルシート言語。

定義

CSSでできること：
- テキストや背景色の変更
- 要素間の余白の調整
- フォントやタイポグラフィの制御
- レイアウトの作成
- 視覚効果の追加

CSSはドキュメントの構造自体を変更しない。
構造の見た目を制御する。

## 基本的なCSS構文
CSSルールはセレクタと宣言ブロックで構成される。<br>
例：
```css
p {
  color: purple;
  background-color: green;
}
```
説明：
- `p` はセレクタ。すべての `<p>` 要素を対象とする；
- `color: purple;` はテキストの色を設定；
- `background-color: green;` は背景色を設定。

各宣言は `property: value;` の形式。

セレクタ、プロパティ、値については今後の章で詳しく解説。

ウェブページの外観と雰囲気を変えるスタイリング言語であるCSSの基本を習得します。テキストスタイル、色、間隔、ボックスモデル、Flexbox、装飾効果などのコアコンセプトを探求します。視覚的に魅力的で構造化されたウェブページを作成するスキルを身につけます。

CSSがHTMLにどのように接続され、セレクタを通じてスタイルが適用されるかを理解します。色、テキストのスタイリング、ホバー効果を適用して視覚的なプレゼンテーションを制御します。

行の高さ、間隔、フォントプロパティ、カスタムフォントを使用してタイポグラフィを改善します。フォントファミリー、太さ、スタイル、サイズを制御して可読性を向上させます。

マージン、パディング、ボーダー、幅のプロパティを使用したレイアウト構造の制御。ボックスサイズの挙動およびブロック、インライン、インラインブロックなどの要素表示タイプの理解。

Flexboxプロパティを使用して水平方向および垂直方向のレイアウトを制御します。方向、配置、間隔を調整してUIコンポーネントを構成します。

背景色、画像、疑似要素、シャドウを使用してレイアウトを強化します。視覚コンポーネントに奥行きとコントラストを持たせたスタイル設定。

CSSとは何か、なぜ重要なのか

CSSとは

基本的なCSS構文