memung

css基礎2-頁面頂部制作

a:link,a:visited {font-size:12px;text-decoration:none;}
  :link 設置a對象在未被訪問前的樣式表屬性。
  :visited  設置a對象在其鏈接地址已被訪問過時的樣式表屬性。
  :hover  設置對象在其鼠標懸停時的樣式表屬性。

  TOP部分包括了LOGO、菜單和Banner，首先我們要做的就是對設計好的圖片進行切片(FW)

  因為GIF格式的圖片文件更小，這樣能使頁面載入的速度更快，當然使用此格式之前必須確定圖片并沒有使用太多的顏色，當我們使用了GIF格式時，從肉眼上并不能看出圖片有什么太大的變化，因此這是可行的。

* 接下來的Banner部分還能使用GIF格式嗎？
答案是不能，因為Banner部分是一個細致的圖片，如果使用GIF格式顏色會有太大的損失，所以必須使用JPEG格式，將文件導出為banner.jpg。

        <li class="menuDiv"></li>
        <li><a href="#">關于</a></li>
        為什么要這么寫呢，因為對菜單使用列表<li>形式，可以在以后方便對菜單定制樣式。

        <li class="menuDiv"></li>
        插入這一段代碼是可以方便地對菜單選項之間插入一些分隔樣式，例如預覽圖中的豎線分隔。

        #header {background:url(logo.gif) no-repeat}
    給頁面頭部分加入一個背景圖片LOGO，并且不作填充。

        這里，我們沒有指定header層的高度，為什么不指定呢？

    因為header層中還有菜單和banner項，所以層的高度暫時是未知的，而層的屬性又可以讓層根據內容自動設定調整，因此我們并不需要指定高度。

posted @ 2008-10-10 14:57 異次元 閱讀(148) | 評論 (0) | 編輯 收藏