这个页面可以分为
header，middle和foot。
其中head分为三部分，需要三个div标签来进行布局
首先第一个div标签布局橙色区域以及整个header区域设置背景颜色，宽，高，外边距。
第二个div标签设置左侧图片，右浮动和外边距（包含在第一个div标签里面）
第三个div标签设置水平导航栏和a:link,a:hover属性，具体代码如下（包含在第一个div标签里面）。
.right{
float: right;
margin-right: 50px;
}
li{
padding: 2px;
display: inline;
}
a:link,a{
color:gold;
text-align: center;
padding: 2px;
text-decoration: none;
}
a:hover{
color: blanchedalmond;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
这样整个header部分就设置完毕了。
下面是第二个部分middle部分的设置
共需要四个div标签来进行布置
首先，第一个div标签规定字体类型，字号，及颜色
第二个div规定外边距，宽度，元素位置（包含在middle第一个div中）
第三个div标签设置外边距，背景颜色，边框，浮动以及文本位置（包含在middle第二个div中，图片边框可以多设置几种样式）
这只是最基础的html+css样式设置
**其中要注意的点：
一定要先有具体框架再进行构建。
对于css和html的定义要清楚。**