HTMLのスタイルシートってなんですか？

質問

HTMLのスタイルシートってなんですか？
どういったHPでその例をみることができるのでしょうか？

回答No.2

shigatsu

マイクロソフトのワードってワープロソフト使ったこと
ありますか？他のワープロソフトでも同じ機能があるの
かもしれませんけど、私はワード以外はよくわからんの
でワードで説明します。

ワードに「スタイル」という機能があるのはご存知です
か？フォント名、サイズ、色、文字送り、下線・・・
その他諸々の設定をまとめて名前をつけて保存しておけ
るんですね。
ナニが良いかというと、例えば見出しにゴシックでちょっと
大き目の字にして、センタリングして　なんてのを見出
しになるたびに毎回設定していると、間違えたり、後で
まとめて見出しの文字を明朝にしようなんて思ったとき
にそれはそれは面倒な作業が待っているわけです。
スタイルを使って、見出しはこんなふうですって決めて
おいて、見出し部分にそのスタイルを設定しておけば、
あとでスタイルの設定だけ変えると全部の見出しが一度
に変更できます。
更に別の文章にそのスタイルをコピーすれば、同じスタ
イルが使えるようになるわけです。

で、HTMLでも同じような機能を持たせようとしたのが、
スタイルシートと呼ばれる機能です。

回答No.1

yosikun

素人の回答なのでわかる範囲で恐縮ですが・・・

　スタイルシートとは主にボディ部分の構成要素（見出し・段落・表・画像）をどのように表示させるかを指定する言語です。従来構成要素の指定もHTMLで行ってきたのですが、現在HTMLでは文書の構造のみを表し、見栄えやレイアウトなどの表示に関する指定はスタイルシートで行うことが推奨されているようです。スタイルシートの導入は、多くの商品情報を扱うような大規模なサイトになればなるほど効果的と言えます。一般に大規模なサイトの場合、個々のページの統一感が重要になります。また、いろんなタグが複雑に埋め込まれたページが大量に蓄積されると、全体のページのデザインを後から揃えたり変更するのが大変です。

　具体的には、スタイルシートを利用すると、スタイル(見た目)と文章構造を分離できます。つまり、テキストには「タイトル」などの属性をつけておき、スタイルを記述したファイルに「タイトル」に対応するスタイル(テキストの色とか大きさとか)を書いておく。で、HTML本体では、そのスタイルを参照するように設定する。このようにしてページを作っておけば、デザインを変更したい場合でもスタイルの書かれているファイルだけを変更すると、サイト全体のHTMLのスタイルを変えられる仕組みです。

　ただし、ブラウザーの種類やバージョンによって、サポートの進捗状況が違う、という問題があります。
Netscape NavigatorとInternet Explorerとでは表示が違ってしまうこともあるようです。