study in style

このサイトについて

このサイトは＠林檎郎が、サイト運営の片手間にスタイルシート学習用として作成する、練習用サイトです。
まだスタイルシートについての知識が乏しいので、このサイトも徐々に変貌を遂げていくでしょう。
このサーバは<IFRAME>タグを自主的に記述し、サーバ広告を受け入れる仕様の無料レンタルスペースですので、広告の視認性に留意しつつ全体のバランスを考え、スタイルシートによるWEBデザインを試行錯誤していきたいと思います。
アドバイスを受けるための掲示板を設置しましたので、間違いのご指摘やご教示をよろしくお願いいたします。

しかし、内容が無いサイトを作るのも厄介なことだ。
本来ならば、サイトの内容に沿って構造化したスタイルを考え、サイト内の意匠を統一して視認性を向上させる目的で使われるべきスタイルシートである。
であるからこそ、外部スタイルシートを使用することで、サイト意匠の統一と更新の利便性がある訳なのだ。
しかし、今ここで僕が試みているのは、従来<table>タグを使っておこなってきたレイアウトを、<table>タグを使わずにスタイルシートによって実現しようというものである。従って、<table>タグ使用時と同様に「いきあたりばったり」でレイアウトを考えている。

実際は、このようなスタイルシートの作成方法は汎用性に乏しく、かつ合理的ではない。
だが、とりあえず<table>タグを使わずにレイアウトを試みるだけでも、スタイルシートの機能を知り、合理的な使い方に辿り着く「意味のある回り道」なのではあるまいか。
ブラウザによって表示がおかしくなる点などの指摘を受け、さらに改善策の教示を賜ることで自らの上達を目指したいと思っている。

Column

Mac環境で作っているので、確認もMac上ってことになる。
勤務先のWindows環境で見ると、どうも表示がおかしい。
Windows環境で作り直すと、Mac環境で期待した表示を得られない。
まぁ、本来「見栄え」を期待する方が間違っているんだろうけれどね。
ちゃんとCSSを理解していないと、OSやブラウザでの表示結果の違いを調整できないね。
現状は、TABLEタグを使った方が無難だな。
それでも、昨今流行りのPHPによるCMSなどで、デザインをカスタマイズするにはCSSを書き換える訳だから、CSSを学ぶことは無駄じゃないか。