Cascading Style Sheets解説

スタイルシートとは?


「本来文書の論理構造を記述するHTMLからスタイル指定を分離する」

というのがスタイルシートの目的の一つです。このことから、スタイルシートではブラウザ等での見栄えを指定する事が出来ます。また、スタイルシートではHTMLで見栄えを指定するよりも分かりやすく且つ高度に調整が出来ます。

ただ、今のところスタイルシートを完全にサポートしたHTML UA(ブラウザ等)はない、と言っていいでしょう。ですから、ここで解説しているプロパティだけでもモノによっては効果が現れない場合があります。また、スタイルシートとHTML4.01 Strictのみで書かれたサイトは、スタイルシートに全く、或いは中途半端にしか対応していないHTML UAで見た場合、かなりそっけない表示がされたり、表示が変になってしまうこともあり得ます。

それでもスタイルシートを使う理由としては、

といった点が挙げられるでしょうか。

結局のところ、こういった点に魅力を感じHTML+CSSへ移行するか、一部のブラウザを切り捨てることを嫌い、全くスタイルシートを使わなかったり、不具合が出ない程度に利用していくかのどちらかになるわけでして、その判断はここや他のサイトを参考にして、ご自分で結論を出してみて下さい。

付記

スタイルシートは「スタイルシート言語」によって記述されます。ここで扱うCSS(Cascading Style Sheets)は、そんな「スタイルシート言語」の一つなのです。

W3C勧告