CSSとは

カスケードスタイルシート（CSS）は、WebサイトまたはWebサイトのグループを設計して、一貫した外観と感触を持たせ、外観を簡単に変更できるようにする方法です。 CSSを使用してWebサイトを設計することにより、Web開発者はサイトの表示方法をより詳細に制御できます。

Web開発者はCSSファイルを使用して、主に3つの方法でWebサイトの外観を制御できます。 最初の方法はインラインと呼ばれ、コードがWebサイトのコードの行に直接配置されることを示します。 たとえば、Web開発者は、特定の文を目立つように赤の太字で表示したい場合があります。 彼女はCSSを使用して、インラインコードを使用してその文のスタイルを太字と赤に設定できました。 この方法の利点は、Webページの特定の部分をすばやく簡単に変更できることです。

Web開発者がCSSを使用できるもう1つの方法は、単一のWebページのルールを作成することです。 この場合、開発者は埋め込みCSSと呼ばれるものを使用します。 開発者は、たとえば、各新しい段落をインデントし、各ヘッダーを太字にすることができます。 埋め込まれた指示は通常、Webページのコードの上部に配置されます。

これにより、開発者は埋め込みコードを一度変更するだけで、ページ全体で効果を発揮できます。 彼がすべてのヘッダーを太字ではなく斜体にする場合、スタイルのコーディングを変更するだけで、そのページのすべてのヘッダーが変更されます。 これは、Webページ全体をカバーし、一度にページ全体に変更を加えることができるという点で、インライン方式よりも利点があります。

CSSの最後の一般的なタイプは、外部CSSと呼ばれるものです。 Web開発者は、Webページのグループ全体、Webサイト全体、または複数のWebサイトに適用するコードを記述します。 これらのルールには、CSSの前の2つの例と同様に、背景色、テキストの色、単語間隔、ページレイアウトの他の要素などを含めることができます。

違いは、これらの手順はページの単一セクションまたは1つのWebページではなく、Webサイト全体に関するものです。 利点は、外部スタイルシートに変更を加えることで、Webサイト全体のルックアンドフィールを一度に変更できることです。 デザイナーがWebサイト全体で新しい背景色または新しいフォントを試してみたい場合は、各ページに個別に移動してそこで変更するのではなく、外部コードの数行を変更するだけでできます。

埋め込みCSSと外部CSSの両方の欠点は、個々の行に小さな変更を加えるのではなく、大量のレイアウトをカバーする大きなスタイルシートの作成に時間がかかることです。 Webデザイナーは、長期的に見て個々のインライン命令を作成する方が効率的であるか、多くのデザイン機能を同時に処理するために埋め込みCSSまたは外部CSSを作成するかを決定する必要があります。