移动端携程网首页制作

WangZhang_521

已于 2022-01-21 21:44:58 修改

阅读量1k

点赞数 3

分类专栏：移动Web开发文章标签： css html css3

于 2022-01-18 15:54:21 首次发布

本文链接：https://blog.csdn.net/WangZhang_521/article/details/122561789

版权

index.html文件

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 第一步，设置标准的视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <!-- 第二步，引入我们的CSS初始化文件 -->
    <link rel="stylesheet" href="CSS/normalize.css">
    <!-- 引入我们自己专有的CSS文件 -->
    <link rel="stylesheet" href="CSS/index.css">
    <title>携程在手，说走就走</title>

</head>

<body>
    <!-- 搜索模块 采取固定定位，不占位置 -->
    <div class="search-index">
        <div class="search">搜索:目的地/酒店/景点/航班号</div>
        <a href="#" class="user">我 的</a>
    </div>
    <!-- 焦点图模块 -->
    <div class="focus">
        <img src="upload/focus.jpg" alt="">
    </div>
    <!-- 局部导航栏 -->
    <ul class="local-nav">
        <li>
            <a href="#" title="景点·玩乐">
                <span class="local-nav-icon-icon1"></span>
                <span>景点·玩乐</span>
            </a>

        </li>
        <li>
            <a href="#" title="景点·玩乐">
                <span class="local-nav-icon-icon2"></span>
                <span>景点·玩乐</span>
            </a>

        </li>
        <li>
            <a href="#" title="景点·玩乐">
                <span class="local-nav-icon-icon3"></span>
                <span>景点·玩乐</span>
            </a

最低0.47元/天解锁文章

WangZhang_521

关注

3
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
移动端携程网首页制作

index.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-wid
复制链接

扫一扫