CSSのスタイルとは何ですか?

CSS スタイルには 3 つのタイプがあります: 1. インライン CSS スタイル、構文 ""; 2. インライン CSS スタイル、構文 ""; 3. 外部 CSS スタイル、リンク タグを使用して CSS を導入します。

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

CSS (正式名: Cascading Style Sheets、Cascading Style Sheets) は、HTML (Standard Generalized Markup Language のアプリケーション) や XML (Standard Generalized Markup Language のサブセット) などのファイル スタイルを表現するために使用されるコンピュータです。 。 言語。

CSS は、カスケード スタイル シートであり、HTML スタイルを表現するために使用されるプログラミング言語です。CSS の最新バージョンは css3 です。CSS は、Web ページとコンテンツを分離できるスタイル言語です。

CSS は、Web ページを静的に変更するだけでなく、さまざまなスクリプト言語と組み合わせて Web ページのさまざまな要素を動的にフォーマットすることもできます。

CSS がフロントエンド言語として登場する前は、多くの人が CSS をフロントエンド言語として認識していましたが、現在では CSS は Web ページを装飾するだけでなく、さまざまなスクリプトで Web ページをフォーマットすることもできます。

CSS スタイルには主に次の 3 種類があります:

1. インライン スタイル (埋め込みスタイル): 構造体内、つまりタグ内に記述されるスタイル、タグの先頭部分の中に記述されます。 style 属性の中の tag 。

<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>

例:

<div style="color:red"></div>

2. 内部スタイル (インライン スタイル): HTML ページ内に記述され、head タグに格納され、スタイルは style タグに記述されます。

<style>选择器 {属性名：属性值；属性名：属性值；......}</style>

例:

<style>
  bdoy{font-size:14px;} 
</style>

3. 外部スタイル (外部スタイル): css ファイルに記述されます。

を使用して、CSS ファイルを HTML ページに導入できます。

<link type="text/css" rel="stylesheet" href="css/main.css" />

CSS スタイルを使用する利点:

CSS は責任ある Web デザインの実現に役立ちます。 CSS は開発者が Web サイトを構築する方法に大きな影響を与えており、その影響は無限にあると考えられます。 Web ページのプレゼンテーション情報のほとんどまたはすべてを HTML または XML ファイルから移動し、スタイル シート内に保持すると、ファイル サイズの削減、ネットワーク帯域幅の節約、メンテナンスの容易さなど、多くの利点があります。

さらに、サイトのパフォーマンス情報がコアコンテンツから分離されているため、サイト設計者は短時間で Web サイト全体にさまざまな変更を加えることができます。

CSS は Web ページのフォーマット コードを簡素化し、外部スタイル シートもブラウザによってキャッシュに保存されるため、ダウンロードと表示の速度が向上し、必要なコードの量も削減されます。 (繰り返したフォーマットは 1 回だけ保存されるため)。

Webサイトのフォーマットを格納したCSSスタイルシートファイルを変更するだけで、サイト全体のスタイルや特徴を変更できるため、特にページ数の多いサイトを変更する場合に便利です。これにより、Web ページを 1 つずつ変更する必要がなくなり、作業負荷が大幅に軽減されます。

推奨学習: css ビデオ チュートリアル

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