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项，所以层的高度暂时是未知的，而层的属性又可以让层根据内容自动设定调整，因此我们并不需要指定高度。