10月6日 ＮＡＶ確認テストについて

NAVでの縦メニューと横メニューのテストがあり、はじめ何も見ないでtitle以降を書いたところ、縦は何となく形になったものの、横はなかなかできず、すごく時間がかかった。
結局、先生の回答をチラ見しながら、不足していたものを補う始末だった。。

で、家でできるだけ何も見ないで挑戦して、時間がかかったもののなんとかできた。
やはり常日頃、練習は必要だと思った。

＜入力時注意事項＞

• 「li a」に「display:block」を設定。
  （文字ではなく、面で選択できるようにするため）
• 「#nav li a」の「width」と「height」は「auto」設定する。
• borderについて、縦メニューでは、top,right,leftは「nav ul」に設定。bottomは「#nav li a」に設定。
  横メニューでは、rightを「#nav li」に設定。（項目が増えた際に対応可能）
• 横メニュー重要点
  横に並べるため、下記2点の設定を絶対忘れない！
  「#nav ul」に「overflow:auto」
  「#nav li」に「float:left」「display:inline」