div+css实例：布局网站首页(二)

从上一节开始我们开始着手布局一个网站首页，我们已经把首页的HTML部分代码写出来了，这节主要是将上一节的HTML代码添加CSS样式。
前一讲我们已经写完了大致的HTML代码，每个DIV块的具体我们会陆续给大家发布。
下面是上一节中HTML代码的样式：
/*--全局样式--*/
*{
margin:0px;
padding:0px;
font:12px Arial,Verdana;
}
#container{
width:950px;
margin:0 auto; /*容器居中*/
background:red; /*设置背景色便于排版:临时的*/
}
#container #top{
width:930px;
height:25px;
background:black;
margin:0 auto;
margin-bottom:5px; /*距离下边块5px*/
}
#container #header{
width:930px;
height:80px;
margin:0 auto;
margin-bottom:5px;
}
#container #navigation{
width:930px;
height:30px;
margin:0 auto; /*居中*/
}
#container #search{
width:930px;
height:40px;
margin:0 auto;
}
#container #main{
width:930px;
height:auto; /*自适应高度*/
margin:0 auto;
margin-top:5px;
margin-bottom:5px;
}
#container #flink{
width:930px;
height:auto; /*自适应高度，友链可能很多*/
}
#container #footer{
width:930px;
height:100px;
margin:0 auto;
margin-top:5px;
}
更多详细CSS样式和HTML代码将在下一节发布，敬请期待！ 有用  |  无用 取消

猜你喜欢