34日目

本日は…

■カフェのページを５ページ構成に

※一つのCSSで以下を行う

ポイントは

①背景色を各頁で変えられるか

②各頁へのリンク

③billbordのあるなしでレイアウトが崩れないか

④ナビゲーションの擬似クラス

ホーム。

※※アンダーラインでずれるのを回避するためには、もともとliにline-heightを指定し、そこからボーダーの太さ分を引いた値を、li aにline-heightで指定してやると良い

※bodyの色を変えるために個別設定するときは、idでいい。シグネチャー

・headerのposition:relativeにはtop,left 0が指定されている

※縦サイドバーが出ることに寄って表示が崩れるのを防ぐには、あらかじめ小さな状態でもサイドバーを表示してやるといい

※※inline-blockでもfloatに似たことはできるが、優先順位の入れ替えはできない

※※ポジションはスマホ用サイトでは使えないと思っていい

・中身は下のように色が変わっている

貼り付けてあるのはクロスフェードする画像。

このようにクロスオーバーしてから画像が切り替わる。

■午後はこのflashの作成（明日まとめ）