復習(4)リストCSS06 ナビゲーション（ボックス横・Sprite）

ナビゲーション（ボックス横並び）

• リストを横に並べるには、float:left;を使う。
• レイアウト構造に例えると、リスト全体を包むulがwrapperの役目で、その中に入っているliに対してcontentのようにfloat:leftを使って横に並べる。
• よって、ulに対してはoverflow:hidden;を指定する。
• idやclass名は英単語でつける。ローマ字は読みづらいため、a・bや1・2はエラーを起こしやすいため避ける。
• ナビゲーションボタンの9割は画像で作られている。

ナビゲーション（Sprite）

• 画像の各ボタンに隙間がある場合は、それを考慮してbackground-positionの指定をする。
• 隙間の距離は、画像ファイルを開いて確認する。