携程旅行网的实现
实验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样式文件中接着编写如下样式代码: