css基礎2-頁面頂部制作
2008年10月10日10:49:09
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 異次元 閱讀(144) | 評論 (0) | 編輯 收藏