day-08、09 项目搭建（小米官网）

最新推荐文章于 2023-01-05 23:44:19 发布

蔡大爷的小甜心

最新推荐文章于 2023-01-05 23:44:19 发布

阅读量522

点赞数 1

本文链接：https://blog.csdn.net/qq_43361287/article/details/109443720

版权

项目搭建（小米官网）

项目搭建
代码参考
- HTML模块
CSS模块
注意

项目搭建

代码参考

HTML模块

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 标题参考小米官网 -->
    <title>
        小米商城 - 小米10 Pro、Redmi K30 Pro、小米MIX Alpha，小米电视官方网站
    </title>
    <link rel="stylesheet" href="../CSS/reset.css">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./quanju.css">
    <link rel="stylesheet" href="./inconfont/iconfont.css">
    <link rel="icon" href="./favicon.ico">
</head>

<body>
    <!-- 设置导航条容器 -->
    <div class="daohang">
        <!-- 设置导航条 -->
        <div class="daohangtiao">
            <!-- 设置导航条左侧 -->
            <ul class="zuoce">
                <li>
                    <a href="#">小米商城</a>
                    <i>|</i>
                </li>
                <li>
                    <a href="#">MIUI</a>
                    <i>|</i>
                </li>
                <li>
                    <a href="#">IOT</a>
                    <i>|</i>
                </li>
                <li>
                    <a href="#">云服务</a>
                    <i>|</i>
                </li>
                <li>
                    <a href="#">天星数科</a>
                    <i>|</i>
                </li>
                <li>
                    <a href="#">有品</a>
                    <i>|</i>
                </li>
                <li>
                    <a href="#">小爱开放平台</a>
                    <i>|</i>
                </li>
                <li>
                    <a href="#">企业团购</a>
                    <i>|</i>
                </li>
                <li>
                    <a href="#">资质证照</a>
                    <i>|</i>
                </li>
                <li>
                    <a href="#">协议规则</a>
                    <i>|</i>
                </li>
                <li class="xiazai">
                    <a class="xiala" href="#">下载app</a>
                    <!-- 设置二维码容器 -->
                    <div class="erweima">
                        <a href="#">
                            <</