スタイルシート/cssでwebデザイン：1歩！スタイルシート

ところが、インターネットが学術用途だけでなく、ビジネス・趣味など一般ユーザーにも解放されるようになると、文書の書式、 簡単に言えばデザイン的な追加機能をHTMLで扱うべく改良が加えられました。

HTMLでは、文書の構造や書式を「<」「>」で囲んだタグと呼ばれるもので作り上げていきます。

構造を決めるタグでは<h1>タグなどがあります。 <h1></h1>で囲んだ文書は見出しとして扱われ、文字が大きく、太字になります。

また書式を決めるタグでは<font>タグなどがあります。 fontタグでは文字の大きさや色などを指定することが出来ます。

このようにホームページが普及するにしたがって、高度なデザインのホームページが増えてきました。 そのＨＴＭＬファイルは構造と書式が混在した複雑なもので、それによって以下のような問題が出てきました。

• ＨＴＭＬファイル内の見通しが非常に悪くなる
• デザインに統一性をもたせようとすると、複数の箇所で同じタグを何度も記述しなければならない
• デザインを修正しようとすると、ＨＴＭＬファイル内のあちこちのタグを修正する必要がある
• ホームページ内のデザインを統一するのが大変
• ＨＴＭＬファイル内の記述が長くなり、ＳＥＯ上不利な場合がある。
• タグをたくさん使えば使うほど、コードを間違える危険性が高くなる
• 凝ったデザインをすると、ホームページを表示する速度が遅くなる

スタイルシートはこの問題を解決する手法です。

HTMLページ内には文書の構造と内容だけを記述し、文書の書式部分（この部分がスタイルシートにあたります）を独立させて、 HTMLファイルと連携する。これがスタイルシートの考え方です。