网页设计第二章III.pptVIP

1  JSP 网 页 设 计 董祥和 第二章 网页布局基础 示例：layoutDemo15.css、layoutDemo15.html FF下页面黑色的header显示出来了， 既然高度自适应了，黑色的背景也就没用了，去掉它， 再在HTML结构代码内恢复导航代码，完成页面header部分的样式。 示例：layoutDemo16.css、layoutDemo16.html 【第九步】： banner版块结构和logo版块一样，对结构进行优化， 将最外层的div去掉，然后将里面的a定义为banner， 所以banner版块的结构如下： a id=banner href=# img src=images/banner.jpg / /a CSS代码： #banner { display:block; width:1000px; height:292px; margin:10px auto; } #banner img{display:block;} 如果图片的大小不是1000px×292px怎么办？ 图片大了，就会溢出，图片小了不美观。 【第六步】： 为了页面能够具有更好的浏览器兼容性， 在设计表现的时候，首先要对标签重置， 用到哪些标签就重置哪些标签， 用到body,div,p,ul,li,dl,dt,dd,h1,a标签， 所以