スタイルシートのメリット
上部
まずは、スタイルシートのメリットについて説明しようね。
スタイルシートの便利な所は、ホームページのデザインの管理が楽になる事だよ。
学
デザインの管理といいますと?
同一タグのデザインを一括指定する
上部
例えば、さっき学君がHTMLで作った自己紹介で「段落」の文字の大きさを変更したい場合、HTMLで文字の大きさを指定していると、全ての「段落」に対して文字の大きさを変更する必要があるんだ。
一方でスタイルシートで「段落」の文字の大きさを指定しているとスタイルシートの1行を変更するだけで、「段落」の文字を変更できるんだ。
学
ほー。そりゃ便利ですねー。
複数ページの同一タグのデザインを一括指定する
上部
さらに、例えば10ページのホームページを学君が作ったとするよね。そのホームページのすべての「段落」の文字の大きさを変えたい場合、HTMLで変更しようとすると膨大な作業になってしまうよね。スタイルシートの場合は、複数ページのデザインもまとめて指定や変更することが出来るんだよ。
学
ほー。そりゃますます便利ですねー。という事はスタイルシートを使わない手はないですね。
スタイルシートの注意点
上部
便利なスタイルシートだけど注意しておいてほしいのは、ブラウザによって表示が変わってしまう場合があるということだよ。学君が普段使っているインターネットエクスプローラーで問題なく表示されていても、他のブラウザでは違う見え方をしている可能性があるよ。特に、幅を指定したり枠線をつけたりする場合は、見え方が変わってしまう事があるんだ。代表的なブラウザには次のようなものがあるので、いくつかのブラウザでチェックする事をすすめるよ。