CSS を使用する理由

青灯夜游
リリース: 2020-11-23 14:48:04
オリジナル
3096 人が閲覧しました

CSS を使用すると、Web ページのプレゼンテーション情報 (スタイル) のほとんどまたはすべてを HTML ファイルから移動して、スタイルとコンテンツを分離できます。これにより、ファイル サイズが削減され、ネットワーク帯域幅が節約され、スタイル コードの重複を避けることで、同じコンテンツを異なるスタイルで使用して異なる目的を達成できるため、メンテナンスが容易になります。

CSS を使用する理由

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 サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート