CSS
/*----------------------------------------------
*页面基本属性*/
html, body, h1, p {
margin: 0;
padding: 0;
}
body {
text-align: center;
text-shadow: 1px 1px 1px #A4A4A4;
/*padding-left:240px;*/
}
a {
color: #006;
}
/*页面基本属性结束
----------------------------------------------*/
/*----------------------------------------------
*装饰*/
div#header {
background: #EEE;
color: #79B30B;
}
div#navigation {
background: #B9CAFF;
color: #FF8539;
}
div#extra {
background: #FF8539;
color: #B9CAFF;
}
div#footer {
background: #444;
color: #ddd;
}
/*-----------------------------*/
div#header {
height: 100px;
line-height: 100px;
}
div#content {
height: 200px;
line-height: 200px;
}
div#navigation {
height: 100px;
line-height: 100px;
}
div#extra {
height: 100px;
line-height: 100px;
}
div#footer {
height: 60px;
line-height: 60px;
}
/*装饰结束
----------------------------------------------*/
/*----------------------------------------------
*布局*/
div#container {
width:1024px; /* 固定网页宽度 */
margin:0 auto /* 网页居中对齐 */
}
div#content {
float:right; /* 主栏向右浮动 */
width:724px /* 固定宽度 */
}
div#navigation {
float:left; /* 导航栏向左浮动 */
width:300px /* 固定宽度 */
}
div#extra {
float:left; /* 其他栏向左浮动 */
clear:left; /* 清除左侧浮动 */
width:300px /* 固定宽度 */
}
div#footer {
clear:both; /* 清除左右浮动 */
width:100% /* 固定宽度 */
}
/*布局结束
----------------------------------------------*/