css基礎(chǔ)2-頁面頂部制作
2008年10月10日10:49:09
a:link,a:visited {font-size:12px;text-decoration:none;}
:link 設(shè)置a對(duì)象在未被訪問前的樣式表屬性。
:visited 設(shè)置a對(duì)象在其鏈接地址已被訪問過時(shí)的樣式表屬性。
:hover 設(shè)置對(duì)象在其鼠標(biāo)懸停時(shí)的樣式表屬性。
TOP部分包括了LOGO、菜單和Banner,首先我們要做的就是對(duì)設(shè)計(jì)好的圖片進(jìn)行切片(FW)
因?yàn)?span style="font-weight: bold;">GIF格式的圖片文件更小,這樣能使頁面載入的速度更快,當(dāng)然使用此格式之前必須確定圖片并沒有使用太多的顏色,當(dāng)我們使用了GIF格式時(shí),從肉眼上并不能看出圖片有什么太大的變化,因此這是可行的。
* 接下來的Banner部分還能使用GIF格式嗎?
答案是不能,因?yàn)锽anner部分是一個(gè)細(xì)致的圖片,如果使用GIF格式顏色會(huì)有太大的損失,所以必須使用JPEG格式,將文件導(dǎo)出為banner.jpg。
<li class="menuDiv"></li>
<li><a href="#">關(guān)于</a></li>
為什么要這么寫呢,因?yàn)閷?duì)菜單使用列表<li>形式,可以在以后方便對(duì)菜單定制樣式。
<li class="menuDiv"></li>
插入這一段代碼是可以方便地對(duì)菜單選項(xiàng)之間插入一些分隔樣式,例如預(yù)覽圖中的豎線分隔。
#header {background:url(logo.gif) no-repeat}
給頁面頭部分加入一個(gè)背景圖片LOGO,并且不作填充。
這里,我們沒有指定header層的高度,為什么不指定呢?
因?yàn)閔eader層中還有菜單和banner項(xiàng),所以層的高度暫時(shí)是未知的,而層的屬性又可以讓層根據(jù)內(nèi)容自動(dòng)設(shè)定調(diào)整,因此我們并不需要指定高度。
posted @ 2008-10-10 14:57 異次元 閱讀(143) | 評(píng)論 (0) | 編輯 收藏