CSSスタイルシートの特徴は何ですか？

css スタイルシートの特徴: 1. 豊富なスタイル定義; 2. 使用と変更が容易で、すべてのスタイルステートメントを統一的に格納し、一元管理できる CSS スタイルシート; 3. 複数ページのアプリケーションを使用できます。複数のページ スタイルの統合、4. カスケード、5. ダウンロード時間を短縮するためのページ圧縮。

このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

CSSとは

CSSとはCascading Style Sheetの略称で、中国語では「カスケードスタイルシート」と訳されます。 Web ページの制御に使用されるスタイル、Web コンテンツからスタイル コードを分離できるようにするマークアップ言語。

簡単に言えば、CSS の導入は、HTML 言語をページのアート デザインによりよく適応させることです。

CSS は 1996 年に W3C によって検討され、推奨されました。 CSS の導入はすぐに Web デザインの新たな隆盛を引き起こし、CSS を使用してデザインされた優れたページが次々と誕生しました。

W3Cとは、World Wide Web Consortiumの略称で、中国語では「World Wide Web Alliance」と訳され、Webの標準化団体です。 CSS 標準の開発に加えて、W3C は HTML や XML などの 200 以上の Web テクノロジー標準も開発しました。

CSS は HTML 言語に基づいており、フォント、色、背景、全体的なレイアウトなどの豊富な書式設定機能を提供し、Web デザイナーはモニターを含むさまざまなビジュアル ブラウザ スタイルに異なるスタイルを設定できます。 、プリンター、タブレット、電話、その他のモバイルデバイス。

css スタイル シートの特徴:

1. 豊富なスタイル定義

CSS が提供する豊富なドキュメント スタイルの外観と、テキストと背景のプロパティを設定する機能を提供します。要素の境界線、要素の境界線と他の要素の間の距離、および要素の境界線と要素のコンテンツの間の距離の作成が可能です。 ; メソッド、変更、およびその他のページ効果を使用して、テキストの大文字と小文字を自由に変更できます。

2. 使用と変更が簡単

CSS は、HTML 要素の style 属性、または HTML ドキュメントのヘッダー部分でスタイルを定義できます。スタイルは、HTML ページで参照するために特別な CSS ファイルで宣言できます。つまり、CSS スタイル シートは、すべてのスタイル宣言を統一的に保存および管理できます。

さらに、同じスタイルの要素を同じスタイルを使用して分類および定義したり、同じ名前を持つすべての HTML タグに特定のスタイルを適用したり、特定の要素に CSS スタイルを割り当てることもできます。ページ要素内。スタイルを変更したい場合は、スタイル リストから対応するスタイル ステートメントを見つけて変更するだけです。

3. マルチページ アプリケーション

CSS スタイル シートは別の CSS ファイルに保存できるため、複数のページで同じ CSS スタイル シートを使用できます。理論的には、CSS スタイル シートはどのページ ファイルにも属さず、どのページ ファイルからも参照できます。このようにして、複数のページのスタイルを統一することができます。

4. カスケード

簡単に言えば、カスケードとは、要素に同じスタイルを複数回設定することであり、最後に設定された属性値が使用されます。たとえば、サイト内の複数のページに同じ CSS スタイル シートのセットを使用し、一部のページの一部の要素に他のスタイルを使用したい場合は、これらのスタイルに対して別のスタイル シートを定義して、それらをページ。後で定義されたこれらのスタイルは以前のスタイル設定をオーバーライドし、ブラウザに表示されるのは最後に設定されたスタイル効果になります。

5. ページ圧縮

HTML を使用してページ効果を定義する Web サイトでは、多くの場合、さまざまなテキスト スタイルを形成するために多数のテーブルやフォント要素が繰り返し必要になります。この結果、多数の HTML タグが生成され、ページ ファイルのサイズが増加します。 CSS スタイル シートにスタイル宣言を個別に記述すると、ページのサイズが大幅に削減されるため、ページの読み込み時間も大幅に短縮されます。

さらに、CSS スタイル シートを再利用すると、ページのサイズが大幅に縮小され、ダウンロード時間が短縮されます。

(学習ビデオ共有: css ビデオ チュートリアル)

以上がCSSスタイルシートの特徴は何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。