京东移动端首页制作

WangZhang_521

已于 2022-01-21 21:43:20 修改

阅读量1.7k

点赞数 1

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

于 2022-01-17 12:37:18 首次发布

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

版权

京东移动端首页制作

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>
    <!-- 顶部 -->
    <header class="app">
        <ul>
            <li><img src="images/close.png" alt=""></li>
            <li><img src="images/logo.png" alt=""></li>
            <li>打开京东APP，购物更轻松</li>
            <li>立即打开</li>
        </ul>
    </header>
    <!-- 搜索 -->
    <div class="search-wrap">
        <div class="search-btn"></div>
        <!-- 中间写个标准流，然后用margin值挤到中间，宽度和父亲一样宽，不给宽度 -->
        <div class="search">
            <div class="jd-icon"></div>
            <div class="sou"></div>

最低0.47元/天解锁文章

WangZhang_521

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
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=
复制链接

扫一扫