CSSによる「石田流のひとくちメモ」

ローカル（Web上にアップせずに自分のPC上で作業を行っていた、ということ）で、ひとくちメモのページのCSS適用版を作っていた。構想２週間、作成２週間の末、ようやくまず「（升田式）石田流のひとくちメモ」が十分な完成度に達したので、ここにひとまずこっそりと公開しておく。
まず、CSSを適用していないHTMLのみのページを参考として紹介しよう。
→「CSS非適用版石田流のひとくちメモ」（このページ内のリンクを進むとCSS適用版に進む。仮ページなので勘弁）
なんだこのひどいページは、と思うかもしれない。それも当然で、まず上から単順に画像を並べ、続いてページとメモタイトルのリスト、以下はメモタイトル、盤面図、解説文が単純に続くだけだ。ただ、文書構造的には、これがひとくちメモのページの最もしかるべき姿であり、無駄なものを一切削除したものといえる。
これに私が試行錯誤の末に作成したCSSを適用したものが、以下のページとなる。
→「CSS適用版石田流のひとくちメモ」
どうだろう。これまでのひとくちメモと同等といえるページに仕上がっていると思う。HTMLの内容的には、CSSへのリンクを加えた以外全く変わっていない。OperaやMozillaで見ると若干全体的に左に寄るのが難点だが、それでも内容を見る分には全く問題ないのでよしとしよう（私はプロではないのでそこまで凝るのはやめておく）。