CSS（スタイルシート）の定義

のテキストとコンポーネントのスタイル ウェブページ、およびいくつかのページのセットは、それぞれから個別にマークを付けることも、外部要素（別の要素）に依存することもできます。 ファイル 再利用できるスタイルが定義されている）。 この外部要素は、CSSスタイルシートと呼ばれるものです。

CSSスタイルシート（カスケードスタイルシート、カスケードスタイルシート）は、ブラウザでレンダリングされたときにWebページで採用される視覚スタイルをモデル化するための情報を含むコンピュータファイルにすぎません。

このためには、HTMLファイル内からCSSスタイルシートを呼び出す必要があります。 命令.

コンテンツをアスペクトから分離することで、さまざまな角度からの抽象化が可能になります。 自由.

1つ目は、完全なWebサイトの美学を変更したい場合は、ワークシートファイルをレタッチするだけでよいということです。 CSSスタイル。これにより、HTMLページでこれらのファイルへの呼び出しが発生した場合、フォームの美的変化が発生します。 自動。

別の利点は、 著者 これはCSSファイルによって提供されるため、コンテンツのレイアウトを意識することなく、それらに焦点を合わせることができます。

スタイルシートは、特定の標準化された構造を持つデザイン言語から構築されています。 スタイルシートが、Webページが提供するテクノロジーに依存せず、そのテクノロジーに使用されているフォーム それをレンダリングします。

これは、Webをデバイスに依存せず、 サーバーは同じコンテンツを提供し、これらはによって同じ最終結果でレンダリングされます どれか ブラウザ、一部のツールが他のツールよりも高速に実行できるかどうかに関係なく、したがって、 ユーザー名.

同じ 言語 定義は、任意のXMLドキュメントで使用することもできます（結局のところ、HTMLは引き続きXMLのサブセットとして解釈できます）。

言語の構造は単純で、ページのスタイルのプロパティを参照する一連の予約済みキーワードと、これらのプロパティごとにいくつかのルールがあります。

CSSスタイルシートの簡単な例は次のとおりです。

体 {
h1 {font-family：Helvetica、Geneva、Arial、
SunSans-通常、sans-serif}
}

その中で、私たちが作成し、このスタイルシートの対象となるHTMLドキュメントのH1ヘッダーがどのようになるかを定義するだけです。 このため、HTMLページのセクションにこの文が含まれている必要があります 頭:

その中で style sheet.cssは、定義を含むファイルの名前です。

ページに使用するのと同じHTMLファイルにスタイルのレイアウト手順を含めることもできるため、余分なファイルを節約できますが、 次に、すべてのHTMLを変更する必要があるため、ファイルを操作するだけですべてのページの外観を変更するという汎用性が失われます。 まったく同じ。

CSSスタイルシートが書かれている言語は、技術レベルでWebで使用される標準の規制を担当するエンティティであるW3Cによる承認前にすでに存在していました。

1990年代半ばに承認されて以来、標準となっています。 欠かせない 大規模なWebサイトで使用します。

写真：Fotolia-ストリンガー

CSSのテーマ（スタイルシート）