チェックボックスにチェックを入れるとデザインに使用したモジュールを絞れます。
コメントなし
・ELEVATOR ACTION へのオマージュ。 ・CSS2.1対応ブラウザでの見た目が本来の姿です。 ・IE7だと赤い扉が現れません。。 ・IE6以前だと肝心のエレベータが動きません。。
テキストの内容が最も効率よく、間違いなく伝わる事を念頭に作ってみました。 #navigationの中の<h2>Contents</h2>と<hr>は非表示にしてしまいました。スミマセン…
いわゆるStrictなHTML文書をグラフィカルブラウザで表現する際のスタイルシートです。 なるべく線に頼らず余白で構造を表現しようと頑張った結果、数少ない線が引き立ちました。 div要素のスタイルに頼らずに、セクションをうまく表現できました。
「明るく元気なイメージを与える」デザインをテーマに作成しました。 使える画像の数が少ないので、1つの画像を最低2箇所以上で使うようにしました。また、単調にならないように画像の表示のさせ方にも工夫を凝らしました。 一応、div,id,class,画像がなくても問題のないように考慮して作成しています。
素材の繰り返し利用。
汎用性を重視して、div,class,idに依存しないスタイルにしました。普通のHTMLにもそのまま適用できます(でも、XHTMLだとIE6がだめ…)。
テスト用ですん。
Last-Modified :2019/01/22
Hosted by JSNレンタルサーバー
