ＣＳＳとは？
まず、スタイルシートを見ていく前に、HTMLの確認をしましょう。 HTMLとは、HyperText Markup Languageの略です。上記を直訳すると、”文字や画像に印を付ける言語”となります。 「印」と言うのは、文章構造的意味を持つ印を意味します。
さらに、文章構造的意味を持つ印をご説明しますと、ここからここが段落、や、ここは見出しといったような意味になります。 と言うことで、本来HTMLとは、Webページの”見た目”の設定をするための言語ではないんです。そこで、Webページ上の「見栄え」を定義するための技術として生まれたのが、 ”スタイルシート”と言うものです。
スタイルシートは、Cascading Style Sheet （カスケーディング・スタイルシート）と言って、単純にスタイルシートと呼ぶ場合と、頭文字をとってCSSと呼ぶこともあります。 HTMLの標準化を進めるW3Cが1996年12月に CSS1（Cascading Style Sheets, Level 1）を勧告し、Internet Explorer 3.0 と Netscape Communicator 4.0 がこれの一部機能をサポートしました。 また、両者はこのスタイルシートとJavaScriptなどを組み合わせ、ダイナミックHTMLという技術にまとめ、公開しています。 スタイルシートには、CSS の他にも XSL（Extensible Stylesheet Language）などいくつかの種類があります。
ＣＳＳの基礎
スタイルシートの記述の方法は、３種類あります。
・インラインスタイルシート
・ドキュメントスタイルシート
・リンキングスタイルシート
この３つです。 記述方法は基本的には同じです。根本的な違いは記述する場所の違いで、種類に分かれています。 ＜インラインスタイルシート＞ HTMLのタグ内にスタイルシートを記述します。開始タグに直接属性を指定する方法です。 インラインスタイルシートの場合、効果はそのタグのみに摘要されます。変更したい箇所だけ見栄えを変える事ができる一方、修正が必要になった場合は、これまでのHTML同様に、それぞれの適応箇所単位での修正が必要です。
＜ドキュメントスタイルシート＞ 1ページ単位でスタイルシートを指定したい場合に使います。効果は、そのページのみに摘要されます。 headタグ内にstyle要素を記述します。 type=”text/css”を記述する事で、CSSをサポートしないブラウザは無視するようになります。コメントタグは、古いブラウザ(NN3など)でtype=”text/css”と記載しても認識しないものがあり、スタイルの定義部分がブラウザに表示されるのを防ぎます。インラインより変更は便利ですが、修正はページ単位で行う必要があります。 ＜リンキングスタイルシート＞これが最も多く使用される方法。 まず最初に、外部に適用するスタイルシートを記述し保存します。この時、拡張子は、”～.css”で保存します。 HTMLファイル内にこの一文を記述するだけで、すべてのHTMLにスタイルシートを摘要することができます。