Web標准：七、橫向導航菜單
知識點：
1.橫向列表菜單
2.用圖片美化的橫向導航
3.css Sprites
1）橫向列表菜單
可以在第四節課的基礎上來實現橫向導航菜單，只要給li一個float:left;即可。
注意：如果要在一級菜單下增加二級菜單，二級菜單需要加一個float:none;來去掉浮動，否則二級菜單也會浮動到一行上去了。
2）用圖片美化的橫向導航
給li的鏈接上加一個a標簽，給a標簽加上display:block;把它轉換成塊級元素，然后給a設置背景色或者圖片使它更加美觀。
這里用到了三張背景圖片，一張是初始的樣式，一張是滑過的hover樣式，一張是給他一個選中的樣式。
選中的樣式需要單給他增加一個id來標記，命名為#current。
3）CSS Sprites技術
CSS Sprites在國內和多人叫CSS精靈或CSS雪碧，他是把網頁中一些背景推按整合到一張圖片文件中，再利用CSS背景圖片定位到要顯示的位置。這樣做可以減少文件體積，減少對服務器的請求次數，提高效率。
背景圖片代碼如下：
#menu ul li a{background:#ccc url(images/na_bg2.gif) 0 0 no-repeat;}
說明：1.url()里面是圖片的地址，后面跟的參數第一個表示距左多少，第二個表示據上多少。no-repeat表示向哪個方向重復（repeat-x或repeat-y或repeat），此時為不重復。
2.CSS中值為0的可以不帶單位，其他數值必須帶單位（line-height、zoom、z-index除外）
3.定位圖片位置的參數是以圖片的左上角為圓點的，所以如果是向左的距離，會使用正數（例10px）；如果是向上的距離，會用負數（-10px之類的）。
例子：使用的圖片
引用圖片中間位置的CSS樣式（此圖片高150px）：
展示效果：
