テーブル関連は「使うときにちゃんと見よう」と読み飛ばしたが、それ以外は一応理解できるまで読んだ。理解が怪しいところはここでサンプルの動作確認をした。floatで段組してるCSSを見て、なぜ段組ができるかを理解できる程度にはなった。実際に使ってみないことには身につかないので、何か作ってみたいのだが、これと言って作りたいものが浮かばない。使い道のあるページじゃなくて、とりあえず何か動かしてみるテストページでも作るか。displayやpositionといった視覚フォーマットモデルに関する部分は、文章を読むだけでは理解しづらい。サンプルを例示している以下のサイトが役に立った。widthやheightの値がこの範囲で変化するのだが、「何によって変化するのか?」がわからなかった。そこで次のようなテストページを作ってwidth/height関連の値を変化させて実験してみた。class="child"></div></div></body></html>結果は次のようになった。<注意>Firefox3.6.7での結果です。他のブラウザでは異なる結果になるかもしれません。以下は、親要素が<body>の要素についてです。・要素のwidthウインドウの大きさによって変わる。子要素のwidthには無関係。ウインドウを大きくするにつれて大きくなり、最大max-widthまで大きくなる。ウインドウを小さくするにつれて小さくなり、最小min-widthまで小さくなる。場合、子要素がどう表示されるかは親要素のoverflowに従う。・要素のheight子要素のheightによって変わる。ウインドウの大きさには無関係。場合、要素のheightは子要素のheightになる。場合、子要素がどう表示されるかは親要素のoverflowに従う。widthとheightの動作がこのようにまるっきり違うことは、HTMLにちょっと詳しい人には常識なんだろうな。0このページのトップへCSS2の勉強開始CSS2の勉強に着手した。前回のブログから2日間の空白があるが気にしない。このサイトを一通り読んでみる。いうのが気になるが、CSS2なので特に古くは無いのかなと思う。あと3時間ほどかければ全部読めるかな。CSSを動的に変化させて動きのあるページを作るための勉強だが、どんなページを作ろうかイメージが湧いてこない。勉強しているうちに湧いてくるだろうか。0このページのトップへCSSを使って、画像を重ねて表示してみた画像など重ねる、レイヤー表示みたいなのをどうやっているのか調べてみた。数値が大きなものほど前面に表示されるこれを使って、「小さな画像をクリックすると、大きな画像をポップアップするJavaScript」を作ってみた。変える)大きな画像が表示されても、他の画像の位置は変わらない。大きな画像と重なる部分は表示されない・大きな画像をクリックすると、画像が消えて下層の縮小した画像が表示される・他の縮小した画像をクリックすると、現在表示されている大きな画像は消えて、クリックした画像に対応する大きな画像が表示される大きな画像を表示する位置を指定するのにちょっと手間取った。すれば、親要素からの絶対位置になる。PHPの勉強に入ろうか、jQueryに手を出してみたい気もする。南西30代後半の無職です。就活もせずダラダラ生きてます。スタジオブログ:cakePHPでwebrootにアクセスした際に表示させるコントローラ及びアクションメソッドの変更。