<p> <INPUT type="button" value="行間を200%に" onClick="window['t1'].style.lineHeight='200%'"> <INPUT type="button" value="行間を150%に" onClick="window['t1'].style.lineHeight='150%'"> <INPUT type="button" value="行間を100%に" onClick="window['t1'].style.lineHeight='100%'"> </p> <DIV id="t1"> HTMLでは、いろいろなタグを使って、見出しや本文・表組みや画像の貼り付け等、 WEBページ(ホームページ)を構成している要素を指定します。 しかし、見出しや本文をどの様に表示するかは、基本的にプラウザに任されていますので、 HTMLだけで、きちんとレイアウトやデザインをして作ったWEBページでも、 プラウザによって見栄えが変わったり表示位置が違っていたりして、あわてることが有ります。 そこで、HTMLとは別に、WEBページのデザインを指定する為の仕組みが考案されました。 これがスタイルシートです。 WEBページで使われているスタイルシートは、 正式にはカスケーディングスタイルシート(略してCSS)と呼ばれます。 スタイルシートは、InternetExplorerをはじめとするたいていのプラウザが対応しており、 いまやWEBページ作成に欠かせないものになっています。 と言う事で、スタイルシートを勉強しようと思い 今まで少しずつWEBページに取り込みながら覚えてきましたが、 全てが理解できるには、奥が深いというか、難しい事がいっぱい有ってまだまだですが。 donbeyが自作のホームページに割合簡単に使えそうなものだけを集めて、 覚書のページを作りました。 </DIV> |