<!DOCTYPE html>
<html>
<head>
<title>YMX</title>
<meta charset="utf-8" />
<style type="text/css">
/*清除默认样式*/
*{
margin: 0;
padding: 0;
}
/*设置头部*/
.header{
/*设置宽度*/
width: 1500px;
/*设置高度*/
height: 30px;
/*设置背景颜色*/
background-color: gray;
/*设置居中（上下外边距为0，左右外边距最大为居中）*/
margin: 0 auto;
}
/*内容设置*/
.center{
/*设置宽度*/
width: 1100px;
/*设置高度*/
height: 100px;
/*设置背景颜色*/
background-color: orange;
/*设置居中（上下外边距为0，左右外边距最大为居中）*/
margin: 0 auto;
}
.yanshesan{
/*设置宽度*/
width: 1500px;
/*设置高度*/
height: 500px;
/*设置背景颜色*/
background-color: skyblue;
/*设置居中（上下外边距为0，左右外边距最大为居中）*/
margin: 0 auto;
}
.yanshesi{
/*设置宽度*/
width: 1100px;
/*设置高度*/
height: 45px;
/*设置背景颜色*/
background-color: yellow;
/*设置居中（上下外边距为0，左右外边距最大为居中）*/
margin: 0 auto;
}
.fudongyi{
/*设置宽度*/
width: 1100px;
/*设置高度*/
height: 280px;
/*设置背景颜色*/
background-color: #bfa;
/*设置居中（上下外边距为0，左右外边距最大为居中）*/
margin: 10px auto 10px auto;
}
.fudonger{
/*设置宽度*/
width: 1100px;
/*设置高度*/
height: 50px;
/*设置背景颜色*/
background-color: blue;
margin: 10px auto 0px ;
}
.chongfuyi{
/*设置宽度*/
width: 1100px;
/*设置高度*/
height: 390px;
/*设置背景颜色*/
background-color: red;
margin: 10px auto 0px ;
}
.chongfuer{
/*设置宽度*/
width: 1100px;
/*设置高度*/
height: 50px;
/*设置背景颜色*/
background-color: #bfc;
margin: 10px auto 0px ;
}
.chongfuert{
/*设置宽度*/
width: 1100px;
/*设置高度*/
height: 390px;
/*设置背景颜色*/
background-color: purple;
margin: 10px auto 0px ;
}
.chongfusan{
/*设置宽度*/
width: 1100px;
/*设置高度*/
height: 50px;
/*设置背景颜色*/
background-color: #bfc;
margin: 10px auto 0px ;
}
.chongfusant{
/*设置宽度*/
width: 1100px;
/*设置高度*/
height: 390px;
/*设置背景颜色*/
background-color: #bfe;
margin: 10px auto 0px ;
}
}
</style>
</head>
<body>
<!-- 头 -->
<div class="header"></div>
<div class="center"></div>
<div class="yanshesan"></div>
<div class="yanshesi"></div>
<div class="fudongyi"></div>
<div class="fudonger"></div>
<div class="chongfuyi"></div>
<div class="chongfuer"></div>
<div class="chongfuert"></div>
<div class="chongfusan"></div>
<div class="chongfusant"></div>
</body>
</html>
