携程旅行网的实现

携程旅行网的实现

 

实验完成头部内容制作

步骤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样式文件中接着编写如下样式代码:

 

 

 

 

 

 

 

 

猜你喜欢

转载自blog.csdn.net/qinglu/article/details/82555525