CSS を使用すると、Web ページのプレゼンテーション情報 (スタイル) のほとんどまたはすべてを HTML ファイルから移動して、スタイルとコンテンツを分離できます。これにより、ファイル サイズが削減され、ネットワーク帯域幅が節約され、スタイル コードの重複を避けることで、同じコンテンツを異なるスタイルで使用して異なる目的を達成できるため、メンテナンスが容易になります。
CSS を使用する理由
CSS は、ドキュメントの情報コンテンツと、それがどのように表示されるかという些細な事柄を区別するのに役立ちます。文書の表示方法に関する小さなことは、文書のスタイルと呼ばれます。
css は、Web ページのプレゼンテーション情報のほとんど、またはすべてを (X) HTML ファイルから移動し、スタイル シートに保持します。スタイルをコンテンツから分離すると、次のような利点があります。
ファイル サイズを削減し、ネットワーク帯域幅を節約します
重複を回避します
メンテナンスが容易になります。
サイトのパフォーマンス情報はコア コンテンツから分離されているため、サイト設計者は短時間で Web サイト全体にさまざまな変更を加えることができます。
同じコンテンツを異なるスタイルで使用して、さまざまな目的を達成できます
CSS は、Web ページの書式設定コード、外部スタイル シートを簡素化します。ブラウザのキャッシュにも保存されるため、ダウンロードと表示の速度が向上し、アップロードする必要があるコードの量が減ります (繰り返しの形式は 1 回しか保存されないため)。 Webサイトのフォーマットを保存したCSsスタイルシートファイルを修正するだけで、サイト全体のスタイルや特徴を変更できるので、特にページ数の多いサイトを修正する場合に便利です。これにより、Web ページを 1 つずつ変更する必要がなくなり、作業負荷が大幅に軽減されます。
あなたの Web サイトには、類似したページが何千もある場合があります。 CSS を使用すると、すべてのページで共有される共通ファイルにスタイル情報を保存できます。ユーザーが Web ページを開くと、ユーザーのブラウザはページ コンテンツのみのスタイルを読み込みます。ユーザーが Web ページを印刷するときは、印刷されたページが読みやすいように、さまざまなスタイルを提供する必要があります。
通常は、スタイルではなく HTML を使用してページのコンテンツを記述し、CSS を使用してコンテンツではなくページのスタイルを指定します。もちろん例外はあり、HTML にはスタイルを指定するためのメソッドがいくつか用意されています。たとえば、HTML では、 タグを使用してテキストを太字にすることができ、 タグでページの背景色を指定できます。 CSS を使用する場合、すべてのスタイル情報が 1 か所に保持されるように、通常は HTML のスタイル機能の使用を避けます。
実践: HTML ドキュメントのスタイル シートを作成する
スタイル シートを作成する
1. テキスト ファイルを作成します。このファイルがスタイルになります。シート。 style1.css
2 という名前を付けます。CSS ファイルで、次のコード行をコピーしてファイルを保存します:
strong { color: red; }ドキュメントとスタイル シートをリンクします。
1. 別のテキスト ファイルを作成します。このファイルがドキュメントになります。任意の名前を付けます。2. HTML ファイルで、次のコードをコピーして、<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sample document</title>
<link rel="stylesheet" href="style1.css">
</head>
<body>
<p>
<strong>C</strong>ascading
<strong>S</strong>tyle
<strong>S</strong>heets
</p>
</body>
</html>プログラミング コースをご覧ください。 ！
以上がCSS を使用する理由の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
