ホームページ  >  記事  >  ウェブフロントエンド  >  CSSって何の略ですか?

CSSって何の略ですか?

青灯夜游
青灯夜游オリジナル
2021-04-02 17:08:0111407ブラウズ

css は、Cascading Style Sheets の略称です。HTML や XML などのファイル スタイルを表現するために使用されるコンピュータ言語です。主に Web ページのスタイルをデザインしたり、Web ページを美しくするために使用されます。静的にのみ Web ページの変更に使用でき、さまざまなスクリプト言語と連携して Web ページのさまざまな要素を動的にフォーマットすることもできます。

CSSって何の略ですか?

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

CSS は、Cascading Style Sheets (Cascading Style Sheets) のことです。

  • は、HTML (Standard Common Markup Language) または XML (Standard Common Markup Language) を表現するために使用されるアプリケーションです。 Universal Markup Language などのスタイルを文書化するコンピューター言語

  • # スタイルは HTML 要素の表示方法を定義します

  • スタイルは通常、保存されますスタイル シートで

  • #HTML 4.0 にスタイルを追加すると、コンテンツとプレゼンテーションの分離の問題が解決されます

  • 外部スタイル シートは、非常に複雑な場合があります。作業効率を大幅に向上

  • 外部スタイル シートは通常、CSS ファイルに保存されます

  • ##複数のスタイル定義を 1 つにカスケードできます

  • スタイルは、Web ページ上の要素の位置のレイアウトをピクセル単位で正確に制御します。

CSS は、責任ある Web デザインの実現に役立ちます。 CSS は開発者が Web サイトを構築する方法に大きな影響を与えており、その影響は無限にあると考えられます。 Web ページのプレゼンテーション情報のほとんどまたはすべてを (X)HTML ファイルから移動し、スタイル シート内に保持すると、ファイル サイズの削減、ネットワーク帯域幅の節約、メンテナンスの容易さなど、多くの利点があります。さらに、サイトのパフォーマンス情報とコア コンテンツが分離されているため、サイト設計者は短期間でサイト全体にさまざまな変更を加えることができます。

CSS は Web ページのフォーマット コードを簡素化し、外部スタイル シートもブラウザによってキャッシュに保存されるため、ダウンロードと表示の速度が向上し、必要なコードの量も削減されます。 (繰り返したフォーマットは 1 回だけ保存されるため)。 Webサイトのフォーマットを保存したCSsスタイルシートファイルを修正するだけで、サイト全体のスタイルや特徴を変更できるので、特にページ数の多いサイトを修正する場合に便利です。これにより、Web ページを 1 つずつ変更する必要がなくなり、作業負荷が大幅に軽減されます。

#CSS スタイル

CSS ルールは、セレクターと 1 つ以上の宣言の 2 つの主要な部分で構成されます。

CSSって何の略ですか?セレクターは通常、スタイルを変更する必要がある HTML 要素です。

各ステートメントは属性と値で構成されます。

プロパティは、設定するスタイル属性です。各属性には値があります。プロパティと値はコロンで区切られます。

例:

p {color:red;text-align:center;}

同じスタイルを複数のページに適用する

通常、外部の独立した .CSS ファイルに保存されます (このファイルは任意のページ ファイル)、複数のページで同じ CSS スタイル シートを使用できます。任意のページ ファイルで .CSS ファイルを参照することにより、複数のページを一貫したスタイルで設定できます。

スタイル カスケード

スタイル カスケードとは、要素に同じスタイルを複数回設定することです。これにより、最後に設定された属性値が使用されます。

スタイルのカスケード順序

同じ HTML 要素に複数のスタイルが定義されている場合、どのスタイルを使用する必要がありますか?

一般に、すべてのスタイルは、次のルールに従って新しい仮想スタイル シートにカスケードされ、番号 4 が最も高い優先順位を持ちます。

#ブラウザのデフォルト設定
  • 外部スタイル シート
  • 内部スタイル シート (< ; にあります) head> タグ)
  • インライン スタイル (HTML 要素内)
  • したがって、インライン スタイル (HTML 要素内) が最も優先されます。これは、タグ、外部スタイル シート、またはブラウザー (デフォルト) のスタイル宣言よりも優先されることを意味します。
(学習ビデオ共有:

css ビデオ チュートリアル

)

以上がCSSって何の略ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。