◀ 9.

CSS

▶

編集

ページの作成

テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例：親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例：親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！

テンプレート

CSSについて

CSS（Cascading Style Sheets）は、Webページの見た目やスタイルを定義するためのスタイルシート言語です。CSSは、HTMLと組み合わせて使用され、Webページのレイアウトや装飾をカスタマイズすることができます。

HTMLは、Webページの構造を定義するための言語であり、CSSは、Webページのデザインを定義するための言語です。CSSを使用することで、HTMLで定義した要素のレイアウトやスタイルを変更することができます。

CSSの基本構文

CSSの基本的な構文は、以下のようになります。

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

セレクターは、スタイルを適用するHTML要素を指定します。プロパティは、スタイルを適用する要素の属性を指定します。値は、プロパティに割り当てる値を指定します。

以下は、セレクター、プロパティ、値の例です。

h1 { color: red; font-size: 36px; }

上記の例では、<h1>要素に赤い文字色と36ピクセルのフォントサイズを割り当てるスタイルが定義されています。

CSSのセレクター

CSSのセレクターは、スタイルを適用するHTML要素を指定します。以下は、よく使用されるセレクターの例です。

要素セレクター： HTML要素名を指定します。例えば、<h1>要素にスタイルを適用する場合は、h1というセレクターを使用します。
IDセレクター： HTML要素に一意のIDが割り当てられている場合に使用します。例えば、<div id="content">要素にスタイルを適用する場合は、#contentというセレクターを使用します。
クラスセレクター： HTML要素にクラスが割り当てられている場合に使用します。例えば、<p class="lead">要素にスタイルを適用する場合は、.leadというセレクターを使用します。
子孫セレクター： HTML要素の親子関係に基づいて、スタイルを適用する要素を指定します。例えば、
要素の中にある
要素にスタイルを適用する場合は、div pというセレクターを使用します。
属性セレクター： HTML要素の属性に基づいて、スタイルを適用する要素を指定します。例えば、<input type="submit">要素にスタイルを適用する場合は、input[type="submit"]というセレクターを使用します。

CSSには、さまざまなセレクターがあります。セレクターを正しく使用することで、Webページのスタイルを正確にカスタマイズすることができます。