ホームページは、文章の構造（段落など）や見栄え（フォントサイズなど）に関する指定とそれらの配置をつかさどるレイアウトに関する指定を組み合わせて作っていきます。前者をHTML、後者をCSSと呼びます。
かつてはHTMLで構造からレイアウトまで担っていましたが、原則としてHTMLは構造に関する部分のみなので、レイアウトに関するCSSと呼ばれる基準が新たにつくられました。
CSSを使うと、フォントや文字の大きさ、文字飾り、行間などの見栄えに関する情報を文書本体(および構造を記述したHTML)から切り離すことができ、ユーザーが複数のレイアウトから適当なものを選択することができます。
CSSの導入の一番のメリットはサイトのメンテナンス性向上です。
複数のHTML文書からCSSファイルに関連付けることで、デザイン変更の際、CSSファイルに手を加えるだけで、そのCSSファイルを参照するすべてのHTML文書のスタイル変更に対応できます。
また、サイトの構造とレイアウトが分離されるため、ページを軽く作ることができ、ページの読み込み速度が速くなります。
Posted by T.fujii