携程旅行网的实现

时间:2024-03-27 07:02:47

携程旅行网的实现

 

实验完成头部内容制作

携程旅行网的实现

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

携程旅行网的实现

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

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

 

 

携程旅行网的实现

 

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

携程旅行网的实现

实验完成头部下方内容制作(3个)

携程旅行网的实现

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

携程旅行网的实现

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

携程旅行网的实现

携程旅行网的实现

携程旅行网的实现

 

实验完成头部下方内容制作(9个)

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

携程旅行网的实现携程旅行网的实现

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

携程旅行网的实现

携程旅行网的实现

携程旅行网的实现

实验完成底部内容制作

携程旅行网的实现

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

携程旅行网的实现

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

携程旅行网的实现

携程旅行网的实现

携程旅行网的实现

实验完成侧边栏内容制作

携程旅行网的实现

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

携程旅行网的实现

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

携程旅行网的实现

携程旅行网的实现