HTMLは効率的に情報交換を行えるよう、文書の「構造」を記述することを目的にしています。 そこに文字の色や形などの情報が混じってくると、せっかくの情報が不明確になってしまいます。 スタイルシートは、レイアウトを別の場所に定義しておき、それを構造に対して適用するという考え方です。 いったん定義したスタイルは、複数の文書で共有できますから、全体のデザインに一貫性を持たせることができ、 しかもメンテナンスがずっと容易になります。
※②サンプルコード（スタイルシートの指定）
<meta http-equiv="Content-Style-Type" content="text/css" />