携程旅行网的实现

携程旅行网的实现

 

实验1  完成头部内容制作

步骤1：创建main.html页面，写结构代码(html)如下：

步骤2：写样式代码(css)

1、创建common.css样式文件和main.css样式文件，将该文件链接到main.html页面中，代码如下：

 

 

2、在main.css样式文件中编写如下样式代码：

实验2  完成头部下方内容制作（3个）

步骤1：接着写结构代码(html)如下：

2、在main.css样式文件中接着编写如下样式代码：

 

实验3  完成头部下方内容制作（9个）

步骤1：接着写结构代码(html)如下：

2、在main.css样式文件中接着编写如下样式代码：

实验4  完成底部内容制作

步骤1：接着写结构代码(html)如下：

2、在main.css样式文件中接着编写如下样式代码：

实验5  完成侧边栏内容制作

步骤1：接着写结构代码(html)如下：

2、在main.css样式文件中接着编写如下样式代码：