CSS実例集

カスケーディングスタイルシート(CSS)は正しいHTMLと共に用いる事により、今までの装飾タグやTABLEレイアウトなどでは実現不可能であった高度な見栄え指定を可能にします。しかしながら、実際にはどうやって使ったらいいのかよく分からないという事が多い気がします。ある程度使っている私ですらそうなのですから、今までCSSを利用していない人にとっては人のシートを見てもチンプンカンプン、って事になっているのではないでしょうか。

そこで、ここではCSSのリファレンスではなく、実際の使用例を用いてCSSを解説していこうと思います。

また、表示サンプルの中には、通常なら必要な要素が省かれていたり、場合によってはHTMLとして間違っているものが存在します。

実用

My "User-StyleSheet"

私が実際に使っているユーザースタイルシート。IE5.5用とNetscape6/Mozilla Seamonkey用を同時に解説。

実験

"em" size image

emユニットで画像のサイズを指定してみる。

Decorate other web by "My web style"

自分のサイトのスタイルシートを余所様のサイトを見れるように改造してみる。

Copyright © 1999- TAKEKURA Tihiro, System I.F.C. All Rights Reserved.