访谈录:阿里妈妈

三、页面顶部制作(1)a5T北方站长站
a5T北方站长站
　　当我们写好了页面大致的DIV结构后，我们就可以开始细致地对每一个部分进行制作了。a5T北方站长站
a5T北方站长站
　　在上一章中我们写入了一些样式，那些样式是为了预览结构而写入的，我们把css.css中的样式全部清除掉，重新写入以下样式代码：a5T北方站长站
程序代码a5T北方站长站
/*基本信息*/a5T北方站长站
body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}a5T北方站长站
a:link,a:visited {font-size:12px;text-decoration:none;}a5T北方站长站
a:hover{}a5T北方站长站
a5T北方站长站
/*页面层容器*/a5T北方站长站
#container {width:800px;margin:10px auto}a5T北方站长站
　　样式说明：a5T北方站长站
a5T北方站长站
　　a:link,a:visited {font-size:12px;text-decoration:none;}a5T北方站长站
　　a:hover {}a5T北方站长站
a5T北方站长站
　　这两项分别是控制页面中超链接的样式，具体我就不说明了，请大家参阅手册。a5T北方站长站
a5T北方站长站
　　#container {width:800px;margin:10px auto}a5T北方站长站
a5T北方站长站
　　指定整个页面的显示区域。a5T北方站长站
　　width:800px指定宽度为800像素，这里根据实际所需设定。a5T北方站长站
　　margin:10px auto，则是页面上、下边距为10个像素，并且居中显示。a5T北方站长站
　　上一章中我们讲过，对层的margin属性的左右边距设置为auto可以让层居中显示。a5T北方站长站
a5T北方站长站
　　接下来，我们开始制作TOP部分，TOP部分包括了LOGO、菜单和Banner，首先我们要做的就是对设计好的图片进行切片，以下是在FW下完成的切片：a5T北方站长站
a5T北方站长站