INDEX
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css"></link>
</head>
<body>
<div class="warp">
<div class="header">
</div>
<div class="menu">
</div>
<div class="big">
<div class="one">
</div>
<div class="two">
</div>
</div>
<div class="adv">
</div>
<div class="fotter">
</div>
</div>
</body>
</html>
STYLE
body
{
background-color:black;
}
.warp
{
width:1004px;
margin:auto;
}
.header
{
width:1000px;
height:100px;
background-color:red;
}
.menu
{
float:left;
width:200px;
height:500px;
background-color:blue;
}
.big
{
float:left;
width:590px;
height:500px;
background-color:green;
}
.one,two
{
float:left;
width:590px;
height:250px;
background-color:gray;
}
.adv
{
float:right;
width:200px;
height:500px;
background-color:pink;
}
.fotter
{
float:left;
width:1000px;
height:100px;
background-color:red;
}
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css"></link>
</head>
<body>
<div class="warp">
<div class="header">
</div>
<div class="menu">
</div>
<div class="big">
<div class="one">
</div>
<div class="two">
</div>
</div>
<div class="adv">
</div>
<div class="fotter">
</div>
</div>
</body>
</html>
STYLE
body
{
background-color:black;
}
.warp
{
width:1004px;
margin:auto;
}
.header
{
width:1000px;
height:100px;
background-color:red;
}
.menu
{
float:left;
width:200px;
height:500px;
background-color:blue;
}
.big
{
float:left;
width:590px;
height:500px;
background-color:green;
}
.one,two
{
float:left;
width:590px;
height:250px;
background-color:gray;
}
.adv
{
float:right;
width:200px;
height:500px;
background-color:pink;
}
.fotter
{
float:left;
width:1000px;
height:100px;
background-color:red;
}