*スタイルシートとは？*
スタイルシート（カスケーディングスタイルシート、CSS）は、
HTMLをデザインするためのテクニックです。
このようなただの文章・画像だけのHTMLでも
 |
↓
|
スタイルシートを設定するだけで
デザインを施すことができます。
 |
これくらいならHTMLだけでもデザインすることはできるのですが、
そもそもスタイルシートは、Webページにおいて、
「内容」はHTMLで（文章etc）
「デザイン」はスタイルシートで（色、サイズ、レイアウトetc）
それぞれ表現しようという狙いで誕生したものだそうです。
これにより、「内容」と「デザイン」を分離させる目的です。
いまのところまだ完全分離するには相当テクニックが必要ですが、そのうち、
「内容」を変える場合はHTMLを、
「デザイン」を変える場合はスタイルシートを、
それぞれ更新することになるでしょう。
つまり、こういうことが可能なのです↓↓↓
|
↓HTMLは変えず、スタイルシートを変えるだけで
|
こんなふうに「もようがえ」することができました。
 |
スタイルシートは、ブラウザによってはサポートしていない機能もあったりと、全面的に使用できるわけではありませんが、
HTMLよりはるかにデザインに富んだページが作れるので、
今後のためにもぜひ勉強してください(^o^)
Copyright (C) 7tag project dv
