first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/定位练习案例.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/定位练习案例.css
@@ -0,0 +1,33 @@
+/* 页面具体代码 */
+.box{
+    width: 590px;
+    height: 470px;
+    background: url(https://imgcps.jd.com/ling4/100011483893/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5f3a47329785549f6bc7a6e8/07f51781/cr/s/q.jpg);
+    background-size: cover;
+}
+.box .nav i{ 
+    font-size: 40px;
+    color: white;
+}
+.nav ,
+.box {
+    position: relative;
+}
+.box .nav{
+    width: 100%;
+    top: 50%;
+    transform: translateY(-50%);
+}
+.box ul li{
+    float: left;
+    width:10px;
+    height: 10px;
+    background: white;
+    border-radius: 100%;
+    margin-right: 5px;
+}
+.box ul{
+    position: absolute;
+    bottom: 15px;
+    left: 15px;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/定位练习案例.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/定位练习案例.html
@@ -0,0 +1,27 @@
+<!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">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3889063_xxq4zyzfz5g.css">
+    <link rel="stylesheet" href="../clear.css">
+    <link rel="stylesheet" href="../public.css">
+    <link rel="stylesheet" href="./定位练习案例.css">
+    <title>定位练习案例</title>
+</head>
+<body>
+    <div class="box">
+        <div class="nav">
+            <i class="iconfont icon-zuojiantou"></i>
+            <i class="iconfont icon-zuojiantou-copy right"></i>
+        </div>
+        <ul>
+            <li></li>
+            <li></li>
+            <li></li>
+            <li></li>
+        </ul>
+    </div>
+</body>
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/导航菜单定位.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/导航菜单定位.html
@@ -0,0 +1,49 @@
+<!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">
+    <title>导航菜单定位</title>
+    <style>
+        *{
+            padding: 0;
+            margin: 0;
+        }
+        .box1,.box2 {
+            list-style: none;
+        }
+        .box1>li{
+            margin-right: 8px;
+            float: left;
+            position: relative;
+        }
+        .box2{
+            display: none;
+            position: absolute;
+            left: 0;
+            width: 76px;
+        }
+        .box1 li:hover .box2{
+            display: block;
+        }
+    </style>
+</head>
+<body>
+    <ul class="box1">
+        <li>导航1</li>
+        <li>导航2</li>
+        <li>导航3
+            <ul class="box2">
+                <li>导航3-1</li>
+                <li>导航3-2</li>
+                <li>导航3-3</li>
+                <li>导航3-4</li>
+            </ul>
+        </li>
+        <li>导航4</li>
+        <li>导航5</li>
+    </ul>
+
+</body>
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/搜索.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/搜索.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/简书练习2.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/简书练习2.css
@@ -0,0 +1,88 @@
+/* 清除默认样式 */
+body,ul{
+    margin: 0;
+    padding: 0;
+}
+/* 公共样式 */
+.left{
+    float: left;
+}
+.right{
+    float: right;
+}
+.hidden{
+    overflow: hidden;
+}
+/* 页面具体样式 */
+.menu{
+    width: 280px;
+    height: 500px;
+}
+.title{
+    margin-bottom: 15px;
+}
+.title .text{
+    font-size: 14px;
+    color: #969696;
+}
+.title .refresh{
+    font-size: 13px;
+    color: #969696;
+}
+.refresh i{
+    font-size: 13px;;
+}
+.list{
+
+}
+.list li{
+    overflow: hidden;
+    list-style: none;
+    margin-bottom: 15px;
+}
+.introduce{
+    margin-top: 5px;
+}
+.introduce .name{
+    font-size: 14px;
+    color: #333;
+}
+.introduce .statistic{
+    font-size: 13px;
+    color:#969696 ;
+    margin-top: 2px;
+}
+.list .photo {
+    width: 46px;
+    height: 46px;
+    border-radius: 25px;
+    border: 1px solid #ddd;
+    margin-right: 10px;
+}
+.follow{
+    font-size: 13px;
+    color: #42c02e;
+    margin-top: 5px;
+}
+.follow i{
+    font-size: 14px;
+}
+.all{
+    font-size: 12px;
+    color:#787877 ;
+    height: 34.56px;
+    border: 1px solid #dcdcdc;
+    border-radius: 4px;
+    box-sizing: border-box;
+    text-align: center;
+    line-height: 34.56px;
+    background: #f7f7f7;
+}
+.all i{
+    font-size: 12px;
+    zoom: 0.7;
+    vertical-align: top;
+}
+.all span{
+    /*  vertical-align: top; */
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/简书练习2.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/简书练习2.html
@@ -0,0 +1,109 @@
+<!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">
+    <title>Document</title>
+    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3889063_1r8lr4w2zw9.css">
+    <link rel="stylesheet" href="./简书练习2.css">
+</head>
+
+<body>
+    <div class="menu">
+        <div class="title hidden">
+            <div class="text left">作者推荐</div>
+            <div class="refresh right">
+                <i class="iconfont icon-shuaxin"></i>
+                换一换
+            </div>
+        </div>
+        <ul class="list hidden">
+            <li>
+                <img class="photo left"
+                    src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
+                    alt="">
+                <div class="introduce left">
+                    <div class="name">卢璐说</div>
+                    <div class="statistic">写了2215.k字·34.7k喜欢</div>
+                </div>
+                <div class="follow right">
+                    <i class="iconfont icon-jiahao "></i>
+                    关注
+                </div>
+            </li>
+            <li>
+                <img class="photo left"
+                    src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
+                    alt="">
+                <div class="introduce left">
+                    <div class="name">卢璐说</div>
+                    <div class="statistic">写了2215.k字·34.7k喜欢</div>
+                </div>
+                <div class="follow right">
+                    <i class="iconfont icon-jiahao "></i>
+                    关注
+                </div>
+            </li>
+            <li>
+                <img class="photo left"
+                    src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
+                    alt="">
+                <div class="introduce left">
+                    <div class="name">卢璐说</div>
+                    <div class="statistic">写了2215.k字·34.7k喜欢</div>
+                </div>
+                <div class="follow right">
+                    <i class="iconfont icon-jiahao "></i>
+                    关注
+                </div>
+            </li>
+            <li>
+                <img class="photo left"
+                    src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
+                    alt="">
+                <div class="introduce left">
+                    <div class="name">卢璐说</div>
+                    <div class="statistic">写了2215.k字·34.7k喜欢</div>
+                </div>
+                <div class="follow right">
+                    <i class="iconfont icon-jiahao "></i>
+                    关注
+                </div>
+            </li>
+            <li>
+                <img class="photo left"
+                    src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
+                    alt="">
+                <div class="introduce left">
+                    <div class="name">卢璐说</div>
+                    <div class="statistic">写了2215.k字·34.7k喜欢</div>
+                </div>
+                <div class="follow right">
+                    <i class="iconfont icon-jiahao "></i>
+                    关注
+                </div>
+            </li>
+            <li>
+                <img class="photo left"
+                    src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
+                    alt="">
+                <div class="introduce left">
+                    <div class="name">卢璐说</div>
+                    <div class="statistic">写了2215.k字·34.7k喜欢</div>
+                </div>
+                <div class="follow right">
+                    <i class="iconfont icon-jiahao "></i>
+                    关注
+                </div>
+            </li>
+        </ul>
+        <div class="all">
+            <span>查看全部</span>
+            <i class="iconfont icon-zhankai-copy"></i>
+        </div>
+    </div>
+</body>
+
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/菜鸟教程局部导航.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/菜鸟教程局部导航.html
@@ -0,0 +1,55 @@
+<!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">
+    <title>菜鸟教程局部导航</title>
+    <style>
+        *{
+            margin: 0;
+            padding: 0;
+        }
+        .menu{
+            width: 100%;
+            height: 38px;
+            background: #96b97d;
+        }
+        .center{
+            width: 1260px;
+            height: 100%;
+            margin: 0 auto;
+        }
+        .menu .center li{
+            list-style: none;
+            margin-right: 20px;
+            float: left;
+            line-height: 38px;
+        }
+        .menu .center li a{
+            font-size: 14.4;
+            text-decoration: none;
+            color: #fff;
+        }
+        .menu .center li a:hover{
+            color: #e3efd9;
+        }
+    </style>
+</head>
+<body>
+    <div class="menu">
+        <div class="center">
+            <ul>
+
+                <li> <a href="">首页</a> </li>
+                <li><a href="">菜鸟工具</a></li>
+                <li><a href="">菜鸟笔记</a></li>
+                <li><a href="">参考手册</a></li>
+                <li><a href="">用户笔记</a></li>
+                <li><a href="">测试考试</a></li>
+                <li><a href="">本地书签</a></li>
+            </ul>
+        </div>
+    </div>
+</body>
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网头部.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网头部.html
@@ -0,0 +1,62 @@
+<!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">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3889063_5bf2w5c0mi5.css">
+    <link rel="stylesheet" href="../public.css">
+    <link rel="stylesheet" href="../clear.css">
+    <link rel="stylesheet" href="./赶集网头部练习.css">
+    <title>赶集网头部</title>
+</head>
+
+<body>
+    <div class="nav">
+        <div class="center">
+            <div class="nav_left left logo">
+                <img class="left" src="https://img.58cdn.com.cn/arthurupload/hrg-fe/zp-ganji/pc/pc-header-logo-2.png" alt="">
+                <div class="city left">
+                     <i class="iconfont icon-31dingwei"></i>   
+                     <span class="city_name">合肥</span>
+                     <a href="">[切换城市]</a>
+                </div>
+                <ul class=" left menu">
+                    <li><a href="" class="active">首页</a></li>
+                    <li><a href="">职位</a></li>
+                    <li><a href="">公司</a></li>
+                </ul>
+            </div>
+            <ul class="nav_right right">
+                <li>
+                    <a href="">
+                        <i class="iconfont icon-shouji "></i>
+                        <span>手机上赶集</span>
+                        <i class="iconfont icon-zhankai1"></i>
+                        <div class="drop_menu">
+                            <div class="drop_menu_title">扫码下载</div>
+                            <div class="drop_menu_text">赶集直招app</div>
+                            <img src="https://img.58cdn.com.cn/arthurupload/hrg-fe/zp-ganji/pc/gj-qrcode-1.png" alt="">
+                        </div>
+                    </a>
+                </li>
+                <li class="right">
+                    <a href=""">
+                        <i class="iconfont icon-briefcase"></i>
+                        <span>我要招人</span>
+                        <i class="iconfont icon-zhankai1"></i>
+                        <div class="drop_menu">
+                            <div class="drop_menu_title">扫码下载</div>
+                            <div class="drop_menu_text">赶集直招app</div>
+                            <img src="https://img.58cdn.com.cn/arthurupload/hrg-fe/zp-ganji/pc/gj-qrcode-1.png" alt="">
+                        </div>
+                    </a>
+                </li>
+            </ul>
+        </div>
+
+    </div>
+</body>
+
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网头部练习.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网头部练习.css
@@ -0,0 +1,111 @@
+.nav{
+    height: 58px;
+}
+.nav .center{
+    width: 1190px;
+    height: 42px;
+    margin: 0 auto;
+}
+.logo img{
+    width:138.7px;
+    height: 42px;
+    margin-top: 8px;
+    margin-right: 45px;
+}
+.logo .city{
+    margin-right: 45px;
+}
+.logo .city i{
+    font-size: 15px;
+    vertical-align: revert;
+
+}
+.logo .city .city_name{
+    font-size: 15px;
+    color: #333;
+}
+.logo .city a{
+    font-size: 12px;
+    margin-left: 10px;
+    color: #32be4a;
+}
+.logo .city, .logo .menu{
+    line-height: 58px;
+}
+.logo .menu .active{
+    color: #32be4a;
+    font-weight: 700;
+    position: relative;
+}
+.logo .menu .active::after{
+    content:"";
+    width: 23px;
+    height: 3px;
+    background: #32be4a;
+    position: absolute;
+    bottom: -18px;
+    left: 50%;
+    transform: translate(-50%);
+}
+.logo .menu li{
+    margin-right: 40px;
+}
+.logo .menu li a{
+    font: 15px;
+    color: #333;
+    font-weight: 400;
+    line-height: 1;
+}
+.nav_right li a:hover .drop_menu{
+    display:block
+}
+
+.menu li{
+    float: left;
+}
+.nav_right li{
+    line-height: 58px;
+    float: left;
+    margin-right: 15px;
+}
+.nav_right a{
+    font-size: 16px;
+    color: #333;
+    position: relative;
+}
+.nav_right  a>i{
+    /* font-size: 20px; */
+    color: #333;
+    vertical-align: middle;
+}
+.nav_right  .icon-zhankai {
+    font-size: 17px;
+}
+
+.drop_menu img{
+    width: 100px;
+    height: 100px;
+    margin-top: 6px;
+}
+.nav_right .drop_menu{
+    text-align: center;
+    background: white;
+    line-height: 22px;
+    padding: 18px 25px;
+    position: absolute;
+    top:23px;
+    left: 50%;
+    box-shadow: 0 0 10px 0 rgb(237, 237, 237);
+    border-radius: 10px;
+    transform:translateX(-50%) ;
+    display: none;
+}
+.drop_menu_title{
+    font-size: 16px;
+    font-weight: 700;
+    color: #333;
+}
+.drop_menu_text{
+    font-size: 14PX;
+    font-weight: 400;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网搜索框框练习定位版.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网搜索框框练习定位版.html
@@ -0,0 +1,25 @@
+<!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">
+    <link rel="stylesheet" href="../public.css">
+    <link rel="stylesheet" href="../clear.css">
+
+    <link rel="stylesheet" href="./赶集网搜索框练习定位版.css">
+    <title>赶集网搜索框练习定位版</title>
+</head>
+
+<body>
+    <div class="main">
+        <div class="search_wrap left">
+            <img src="./搜索.png" alt="">
+            <input  placeholder="请输入职位名称或公司">
+        </div>
+        <div class="button left">搜索</div>
+    </div>
+</body>
+
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网搜索框框练习.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网搜索框框练习.html
@@ -0,0 +1,18 @@
+<!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">
+    <link rel="stylesheet" href="../public.css">
+    <link rel="stylesheet" href="../clear.css">
+    
+    <link rel="stylesheet" href="./赶集网搜索框练习.css"><title>Document</title>
+</head>
+<body>
+    <div class="main">
+        <input class="search_text left" type="search" placeholder="请输入职位名称或公司">
+        <div class="button hidden">搜索</div>
+    </div>
+</body>
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网搜索框练习.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网搜索框练习.css
@@ -0,0 +1,27 @@
+.main{
+    width: 716px;
+    height: 42px;
+}
+.search_text{
+    width:600px ;
+    height: 100%;
+    border-top-left-radius: 10px;
+    border-bottom-left-radius:10px ;
+    border: 1px solid #39bc30;
+    box-sizing: border-box;
+    background:  white  url(./搜索.png) no-repeat 15px center;
+    background-size:16px;
+    padding-left: 42px;
+}
+.main .button{
+    width:116px;
+    height:100% ;
+    background: #39bc30;
+    border-top-right-radius: 10px;
+    border-bottom-right-radius:10px ;
+    font-size: 16px;
+    font-weight: 700;
+    color: white;
+    text-align: center;
+    line-height: 42px;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网搜索框练习定位版.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-10/赶集网搜索框练习定位版.css
@@ -0,0 +1,51 @@
+.main{
+    width: 716px;
+    height: 42px;
+}
+
+.search_wrap{
+    position: relative;
+    width:600px ;
+    height: 100%;
+}
+.search_wrap input{
+    width: 100%;
+    height: 100%;
+    border-top-left-radius: 10px;
+    border-bottom-left-radius:10px ;
+    border: 1px solid #39bc30;
+    box-sizing: border-box;
+    padding-left: 42px;
+}
+.search_wrap img{
+    width: 16px;
+    height:16px ;
+    position: absolute;
+    top:50%;
+    transform: translateY(-50%);
+    left: 15PX;
+}
+
+
+/* .search_text{
+
+    border-top-left-radius: 10px;
+    border-bottom-left-radius:10px ;
+    border: 1px solid #39bc30;
+    box-sizing: border-box;
+    background:  white  url(./搜索.png) no-repeat 15px center;
+    background-size:16px;
+    padding-left: 42px;
+}*/
+.main .button{ 
+    width:116px;
+    height:100% ;
+    background: #39bc30;
+    border-top-right-radius: 10px;
+    border-bottom-right-radius:10px ;
+    font-size: 16px;
+    font-weight: 700;
+    color: white;
+    text-align: center;
+    line-height: 42px;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/tex.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/tex.html
@@ -0,0 +1,30 @@
+<!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">
+    <title>Document</title>
+    <style>
+        .box{
+            width:300px;
+            height: 500px;
+        }
+        .box img{
+            width: 100%;
+            height: 100%;
+        }
+        .box img:hover{
+            transform: scale(2);
+        }
+    </style>
+</head>
+
+<body>
+    <div class="box">
+       <img src="https://preview.qiantucdn.com/auto_machine/20230118/98d216e7-e96d-4131-8939-1a489384816f.jpg!qt576_nowater" alt="">
+    </div>
+</body>
+
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/中国工商银行.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/中国工商银行.css
@@ -0,0 +1,79 @@
+.menu{
+    width: 100%;
+    height:380px;
+    background:url(https://v.icbc.com.cn/userfiles/adresources/783700658196332544.jpg)  -243px center no-repeat;
+}
+.center{
+    width: 1000px;
+    height: 100%;
+    margin: 0 auto;
+    position: relative;
+}
+.center_left{
+    width: 280px;
+    height: 330px;
+    background: white;
+    padding:  25px 19px;
+    box-sizing: border-box;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+}
+.center_left .title{
+    width: 100%;
+    height: 43px;
+    line-height: 43px;
+    background: rgb(207, 21, 21);
+}
+.title .icon-yonghu,
+.title .icon-qiye,
+.title .icon-gouwuche{
+    font-size: 23px;
+    color: white;
+    margin-left: 10px;
+}
+.title .icon-zhankai1{
+    font-size: 16px;
+    color: white;
+    vertical-align: top;
+    display: inline-block;
+    transform: rotate(-90deg)
+}
+
+.center_left .title a{
+    font-size:16px;
+    color:white ;
+    vertical-align: top;
+}
+.list {
+    width: 100%;
+    height: 55px;
+    padding: 6px;
+    box-sizing: border-box;
+}
+.list li{
+    float: left;
+    margin-right:19px ;
+    text-align: center ;
+}
+.list li a{
+    font-size:13px;
+    color:grey;
+}
+
+
+.center_righ {
+    position: absolute;
+    bottom: 11px;
+    right: 12px;
+}
+.center_righ li{
+    width: 50px;
+    height: 5px;
+    background: white;
+    float: left;
+    margin-right: 10px;
+}
+.center_righ li:hover{
+    background: rgb(207, 21, 21);
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/中国工商银行.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/中国工商银行.html
@@ -0,0 +1,77 @@
+<!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">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3889063_wzfbr8dk2ii.css">
+    <link rel="stylesheet" href="../../public.css">
+    <link rel="stylesheet" href="../../clear.css">
+    <link rel="stylesheet" href="./中国工商银行.css">
+    <title>中国工商银行</title>
+</head>
+
+<body>
+    <div class="menu">
+        <div class="center">
+            <ul class="center_left">
+                <li>
+                    <div class="title">
+                        <i class=" iconfont icon-yonghu"></i>
+                        <a href="">个人网上银行登录</a>
+                        <i class=" iconfont icon-zhankai1"></i>
+                    </div>
+                    <ul class="list ">
+                        <li><a href="">注 册</a></li>
+                        <li><a href="">客户端下载</a></li>
+                        <li><a href="">业务指南</a></li>
+                        <li><a href="">安全专区</a></li>
+                        <li><a href="">网银助手</a></li>
+                        <li><a href="">防范假网站</a></li>
+                    </ul>
+                </li>
+                <li>
+                    <div class="title">
+                        <i class=" iconfont icon-yonghu"></i>
+                        <a href="">个人网上银行登录</a>
+                        <i class=" iconfont icon-zhankai1"></i>
+                    </div>
+                    <ul class="list ">
+                        <li><a href="">注 册</a></li>
+                        <li><a href="">客户端下载</a></li>
+                        <li><a href="">业务指南</a></li>
+                        <li><a href="">安全专区</a></li>
+                        <li><a href="">网银助手</a></li>
+                        <li><a href="">防范假网站</a></li>
+                    </ul>
+                </li>
+                <li>
+                    <div class="title">
+                        <i class=" iconfont icon-yonghu"></i>
+                        <a href="">个人网上银行登录</a>
+                        <i class=" iconfont icon-zhankai1"></i>
+                    </div>
+                    <ul class="list ">
+                        <li><a href="">注 册</a></li>
+                        <li><a href="">客户端下载</a></li>
+                        <li><a href="">业务指南</a></li>
+                        <li><a href="">安全专区</a></li>
+                        <li><a href="">网银助手</a></li>
+                        <li><a href="">防范假网站</a></li>
+                    </ul>
+                </li>
+            </ul>
+            <ul class="center_righ">
+                <li></li>
+                <li></li>
+                <li></li>
+                <li></li>
+                <li></li>
+                <li></li>
+            </ul>
+        </div>
+    </div>
+</body>
+
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/千图网.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/千图网.css
@@ -0,0 +1,121 @@
+.main{
+    width: 100%;
+    /* background: rgb(240, 212, 212); */
+}
+.center{
+    width: 1295.33px;
+    height:100% ;
+    margin: 0 auto;
+}
+.title{
+
+}
+.hot{
+    margin-bottom: 4px;
+}
+.hot a{
+    font-size:14px ;
+    font-weight: 600;
+    color: #fd8320;
+
+}
+.hot a img{
+    width: 20px;
+    height: 20px;
+}
+.title_menu {
+    color: #666;
+    font-size: 20px;
+}
+.title_menu span{
+    font-weight: 600;
+} 
+.center_bottom{
+    width: 100%;
+    height: 592px;
+    padding-top: 16px;
+    box-sizing: border-box;
+}
+
+.center_bottom .list li{
+    float: left;
+    margin-right: 19px;
+}
+.center_bottom .list li:hover .list_bottom{
+    transition: all 4s;
+    display: block;
+
+}
+.center_bottom .list li:hover .list_location{
+    display: none;
+}
+.center_bottom .list li img:hover  {
+    transform: scale(1.1,1.1);
+    transition: all 1.2s;
+}
+
+.list img,
+.list_location{
+    width: 100%;
+    height: 518.67px;
+}
+.list li{
+      
+}
+.list li{
+    position: relative;
+    overflow: hidden;
+}
+.list_location{
+    font-size: 12px;
+    font-weight: 400px;
+    position: absolute;
+    top:0;
+}
+.list_count,.list_copright{
+    position: absolute;
+    right: 8px;
+    padding: 0 8px ;
+    box-sizing: border-box;
+}
+.list_count{
+    width: max-content;
+    height:26px;
+    line-height: 26px;
+    font-weight: 400;
+    font-size: 14px;
+    color: #FFF;
+    background:rgba(0,0,0,.58) ;
+    border-radius: 4px;
+    top:6px;
+}
+.list_copright{
+    width: max-content;
+    height:20px;
+    color:#FCDA7C ;
+    background:#333;;
+    border: 1px solid #FCDA7C;
+    bottom: 6px;
+}
+.center_bottom ul li a{
+    font-size: 16px;
+    color: #666;
+
+}
+.list_bottom{
+    color: #999;
+    font-size: 12px;
+    margin-top: 3px;
+    display: none;
+}
+
+.ttt{
+    width:239.67 ;
+    height: 518.67px;
+    /* opacity: 0; */
+    background: #999;
+    /* z-index: 100; */
+    overflow: hidden;
+    border-radius: 9px; 
+   
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/千图网.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/千图网.html
@@ -0,0 +1,144 @@
+<!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">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3889063_pzqt405pw6.css">
+    <link rel="stylesheet" href="../../public.css">
+    <link rel="stylesheet" href="../../clear.css">
+    <link rel="stylesheet" href="./千图网.css">
+    <title>千图网</title>
+</head>
+
+<body>
+    <div class="main">
+        <div class="center">
+            <div class="title">
+                <div class="hot">
+                    <a>
+                        <img src="https://static.qiantucdn.com/static/images/index/f-icon-118.png"></img>
+                        <span>正在热门</span>
+                    </a>
+                </div>
+                <ul class="title_menu">
+                    <span>情人节</span>
+                    浪漫告白季[情人节]营销素材|50000+作品
+                </ul>
+            </div>
+            <div class="center_bottom ">
+                <ul class="list">
+                    <li>
+                        <div class="ttt">
+                            <img src="https://preview.qiantucdn.com/auto_machine/20230118/98d216e7-e96d-4131-8939-1a489384816f.jpg!qt576_nowater"
+                                alt="">
+                        </div>
+                        <a href="">
+                            <p>
+                                <span>情人节-地产刷屏</span>
+                                <span class="list_bottom right">40张</span>
+                            </p>
+                            <p class="list_bottom">精选各类情人节地产借势海报，包含3D风...</p>
+                        </a>
+                        <div class="list_location">
+                            <div class="list_count">40张</div>
+                            <div class="list_copright">
+                                <i class="iconfont icon-banquan"></i>正版
+                            </div>
+
+                        </div>
+
+                    </li>
+                    <li>
+                        <div class="ttt">
+                            <img src="https://preview.qiantucdn.com/auto_machine/20230118/98d216e7-e96d-4131-8939-1a489384816f.jpg!qt576_nowater"
+                                alt="">
+                        </div>
+                        <a href="">
+                            <p>
+                                <span>情人节-地产刷屏</span>
+                                <span class="list_bottom right">40张</span>
+                            </p>
+                            <p class="list_bottom">精选各类情人节地产借势海报，包含3D风...</p>
+                        </a>
+                        <div class="list_location">
+                            <div class="list_count">40张</div>
+                            <div class="list_copright">
+                                <i class="iconfont icon-banquan"></i>正版
+                            </div>
+
+                        </div>
+
+                    </li>
+                    <li>
+                        <div class="ttt">
+                            <img src="https://preview.qiantucdn.com/auto_machine/20230118/98d216e7-e96d-4131-8939-1a489384816f.jpg!qt576_nowater"
+                                alt="">
+                        </div>
+                        <a href="">
+                            <p>
+                                <span>情人节-地产刷屏</span>
+                                <span class="list_bottom right">40张</span>
+                            </p>
+                            <p class="list_bottom">精选各类情人节地产借势海报，包含3D风...</p>
+                        </a>
+                        <div class="list_location">
+                            <div class="list_count">40张</div>
+                            <div class="list_copright">
+                                <i class="iconfont icon-banquan"></i>正版
+                            </div>
+
+                        </div>
+
+                    </li>
+                    <li>
+                        <div class="ttt">
+                            <img src="https://preview.qiantucdn.com/auto_machine/20230118/98d216e7-e96d-4131-8939-1a489384816f.jpg!qt576_nowater"
+                                alt="">
+                        </div>
+                        <a href="">
+                            <p>
+                                <span>情人节-地产刷屏</span>
+                                <span class="list_bottom right">40张</span>
+                            </p>
+                            <p class="list_bottom">精选各类情人节地产借势海报，包含3D风...</p>
+                        </a>
+                        <div class="list_location">
+                            <div class="list_count">40张</div>
+                            <div class="list_copright">
+                                <i class="iconfont icon-banquan"></i>正版
+                            </div>
+
+                        </div>
+
+                    </li>
+                    <li>
+                        <div class="ttt">
+                            <img src="https://preview.qiantucdn.com/auto_machine/20230118/98d216e7-e96d-4131-8939-1a489384816f.jpg!qt576_nowater"
+                                alt="">
+                        </div>
+                        <a href="">
+                            <p>
+                                <span>情人节-地产刷屏</span>
+                                <span class="list_bottom right">40张</span>
+                            </p>
+                            <p class="list_bottom">精选各类情人节地产借势海报，包含3D风...</p>
+                        </a>
+                        <div class="list_location">
+                            <div class="list_count">40张</div>
+                            <div class="list_copright">
+                                <i class="iconfont icon-banquan"></i>正版
+                            </div>
+
+                        </div>
+
+                    </li>
+                </ul>
+            </div>
+
+        </div>
+    </div>
+</body>
+
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/马蜂窝.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/马蜂窝.css
@@ -0,0 +1,88 @@
+.menu{
+    width: 700px;
+    height: 630px;
+    margin: 0 auto;
+}
+.menu_list{
+    width: 100%;
+    height: 210px;
+}
+.menu_list li{
+    width: 100%;
+    height: 210px;
+    float: left;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.menu_list li:hover{
+    background: #f8f8f8;
+}
+.menu_list  img{
+    width: 220px;
+    height: 180px;
+    float: left;
+}
+.list_text{
+    width: 424px;
+    height: 117px;
+    font-size:12px;
+    position: relative;
+}
+.list_text a{
+    display: block;
+    font-size:12px;
+    color:#666;
+}
+
+.list_bottom{
+    width: 424px;
+    height: 33px;
+    line-height: 33px;
+    font-size: 12px;
+    color: #666;
+    margin-top: 27px;
+    position: relative;
+}
+.list_bottom span{
+    margin-left: 5px;;
+    margin-right: 12px;
+}
+.list_bottom img {
+    width: 16px;
+    height: 16px;
+    border-radius: 50px;
+    position: absolute;
+    left:77px;
+    bottom: 7px ;
+}
+.app_drap{
+    width: auto;
+    height: 20px;
+    line-height: 20px;
+    font-size: 12px;
+    color: #ff9d00;
+    padding: 0 7px;
+    border: 1px solid #ff9d00;
+    border-radius: 11px;
+}
+.app_drap i{
+    width: 16px;
+    height: 16px;
+    margin: 2px;
+    display: block;
+    background: url(https://css.mafengwo.net/images/index-sprites8-v2@2x.png) no-repeat -170px 0;  
+    background-size: 200px auto;
+}
+.app_drap:hover img{
+
+    display: inline-block;
+}
+.app_drap img{
+    width: 125px;
+    height: 175px;
+    position: absolute;
+    top: 24px;
+    right: 0;
+    z-index: 999;
+    display: none;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/马蜂窝.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-12/作业/马蜂窝.html
@@ -0,0 +1,101 @@
+<!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">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3889063_cqgsvc9i2kj.css">
+    <link rel="stylesheet" href="../../clear.css">
+    <link rel="stylesheet" href="../../public.css">
+    <link rel="stylesheet" href="./马蜂窝.css">
+    <title>马蜂窝</title>
+</head>
+
+<body>
+    <div class="menu">
+        <ul class="menu_list">
+            <li>
+                <img src="https://p1-q.mafengwo.net/s19/M00/33/53/CoNH1mPn2RBXYAuEAAeIX5c_RlA.jpeg?imageMogr2%2Fthumbnail%2F%21440x300r%2Fstrip%2Fgravity%2FCenter%2Fcrop%2F%21440x300%2Fquality%2F90"
+                    alt="">
+                <div class="list_text right">
+                    <a class="app_drap right" style="color:  #ff9d00" href="">
+                       <i class="left"></i>
+                        APP
+                        <img src="https://b2-q.mafengwo.net/s12/M00/6E/DD/wKgED1uu232AMKEvAAAz-ljBM0k929.png" alt="">
+                    </a>
+                    <a href="">【日本】雪地上撒点野（高山&京都11日：雪地温泉、高山缆车、...</a>
+                    <a href="">2023年即将开启人生的新旅程啦~ 在出发之前，决定把之前的几篇游记都搬过来~感谢马蜂窝的小编这几年来对我的鼓励和认可！ 此篇游记的行程发生在2018年春节~
+                        当时的设备和拍照技巧都还很烂（...</a>
+                </div>
+                <div class="list_bottom right">
+                    <i class="iconfont icon-31dingwei"></i>
+                    <span>日本，by</span>
+                    <img src="https://p1-q.mafengwo.net/s9/M00/BC/B8/wKgBs1aVqYWADGeIAAJ1KgfMQuc45.jpeg?imageMogr2%2Fthumbnail%2F%2116x16r%2Fgravity%2FCenter%2Fcrop%2F%2116x16%2Fquality%2F90"></img>
+                    <span>人歌没有毒</span>
+                    <i class="iconfont icon-mianxing-yanjing"></i>
+                    <span>3482</span>
+                    <div class="right">
+                        <span>50</span>
+                        <i class="iconfont icon-zhiding"></i>
+                    </div>
+                </div>
+            </li>
+            <li>
+                <img src="https://p1-q.mafengwo.net/s19/M00/33/53/CoNH1mPn2RBXYAuEAAeIX5c_RlA.jpeg?imageMogr2%2Fthumbnail%2F%21440x300r%2Fstrip%2Fgravity%2FCenter%2Fcrop%2F%21440x300%2Fquality%2F90"
+                    alt="">
+                <div class="list_text right">
+                    <a class="app_drap right" style="color:  #ff9d00" href="">
+                        <i class="left"></i>
+                         APP
+                         <img src="https://b2-q.mafengwo.net/s12/M00/6E/DD/wKgED1uu232AMKEvAAAz-ljBM0k929.png" alt="">
+                     </a>
+                    <a href="">【日本】雪地上撒点野（高山&京都11日：雪地温泉、高山缆车、...</a>
+                    <a href="">2023年即将开启人生的新旅程啦~ 在出发之前，决定把之前的几篇游记都搬过来~感谢马蜂窝的小编这几年来对我的鼓励和认可！ 此篇游记的行程发生在2018年春节~
+                        当时的设备和拍照技巧都还很烂（...</a>
+                </div>
+                <div class="list_bottom right">
+                    <i class="iconfont icon-31dingwei"></i>
+                    <span>日本，by</span>
+                    <img src="https://p1-q.mafengwo.net/s9/M00/BC/B8/wKgBs1aVqYWADGeIAAJ1KgfMQuc45.jpeg?imageMogr2%2Fthumbnail%2F%2116x16r%2Fgravity%2FCenter%2Fcrop%2F%2116x16%2Fquality%2F90"></img>
+                    <span>人歌没有毒</span>
+                    <i class="iconfont icon-mianxing-yanjing"></i>
+                    <span>3482</span>
+                    <div class="right">
+                        <span>50</span>
+                        <i class="iconfont icon-zhiding"></i>
+                    </div>
+                </div>
+            </li>
+            <li>
+                <img src="https://p1-q.mafengwo.net/s19/M00/33/53/CoNH1mPn2RBXYAuEAAeIX5c_RlA.jpeg?imageMogr2%2Fthumbnail%2F%21440x300r%2Fstrip%2Fgravity%2FCenter%2Fcrop%2F%21440x300%2Fquality%2F90"
+                    alt="">
+                <div class="list_text right">
+                    <a class="app_drap right" style="color:  #ff9d00" href="">
+                        <i class="left"></i>
+                         APP
+                         <img src="https://b2-q.mafengwo.net/s12/M00/6E/DD/wKgED1uu232AMKEvAAAz-ljBM0k929.png" alt="">
+                     </a>
+                    <a href="">【日本】雪地上撒点野（高山&京都11日：雪地温泉、高山缆车、...</a>
+                    <a href="">2023年即将开启人生的新旅程啦~ 在出发之前，决定把之前的几篇游记都搬过来~感谢马蜂窝的小编这几年来对我的鼓励和认可！ 此篇游记的行程发生在2018年春节~
+                        当时的设备和拍照技巧都还很烂（...</a>
+                </div>
+                <div class="list_bottom right">
+                    <i class="iconfont icon-31dingwei"></i>
+                    <span>日本，by</span>
+                    <img src="https://p1-q.mafengwo.net/s9/M00/BC/B8/wKgBs1aVqYWADGeIAAJ1KgfMQuc45.jpeg?imageMogr2%2Fthumbnail%2F%2116x16r%2Fgravity%2FCenter%2Fcrop%2F%2116x16%2Fquality%2F90"></img>
+                    <span>人歌没有毒</span>
+                    <i class="iconfont icon-mianxing-yanjing"></i>
+                    <span>3482</span>
+                    <div class="right">
+                        <span>50</span>
+                        <i class="iconfont icon-zhiding"></i>
+                    </div>
+                </div>
+            </li>
+            
+        </ul>
+    </div>
+</body>
+
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-13/clear.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-13/clear.css
@@ -0,0 +1,8 @@
+body,ul,li,a,input,p {
+    margin: 0;
+    padding: 0;
+    border: none;
+    outline: none;
+    list-style: none;
+    text-decoration: none;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-13/public.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-13/public.css
@@ -0,0 +1,16 @@
+/* 公共样式表 */
+.left{
+    float: left;
+}
+.right{
+    float: right;
+}
+.hidden{
+    overflow: hidden;
+}
+.center{
+    width:1190px;
+    height: 423px;
+    margin: 0 auto;
+
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-13/天猫.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-13/天猫.css
@@ -0,0 +1,238 @@
+/* 页面具体样式表 */
+.head{
+    width: 100%;
+}
+.head_menu{
+    width:100%;
+    height: 26px;
+    background: #f2f2f2;
+    border-bottom: 1px solid #e5e5e5;
+}
+.header_left > li,
+.header_right > li{
+    float: left;
+}
+.header_left a,
+.header_right a{
+    font-size: 12px;
+    color:#999;
+}
+.header_left > li:first-child{
+    margin-right: 20px;
+}
+.header_left > li:last-child{
+    margin-left: 20px;
+}
+.header_right  > li{
+    margin-left: 10px;
+    margin-right: 14px;
+    position: relative;
+}
+.header_right > li i{
+    font-size: 12px;
+    color: #999;
+    transition: all 0.3s;
+    display: inline-block ;
+}
+.header_right .ic{
+    zoom: 0.6;
+    /* transform: scale(0.6); */
+}
+.header_right > li:hover .ic{
+    transform: rotate(180deg);
+}
+.header_right .li_hover:hover {
+    
+    background: #fff;
+}
+
+.header_right .li_hover:hover .drop_menu{
+    display: inline-block;
+}
+.header_right .drop_menu{
+    position: absolute;
+    top: 27px;
+    left: 0;
+    width: 96px;
+    height: 57px;
+    background: #fff;
+    border: 1px solid rgb(238,238,238);
+    padding: 8px 10px;
+    box-sizing: border-box;
+    line-height: 1.2;
+    display: none;
+    z-index: 99;
+}
+.head_logo{
+    height: 158px;
+    border-bottom: 1px solid #7a45e5;
+}
+.head_logo .logo_left{
+    line-height: 158px;
+}
+.head_logo .logo_left img:first-child{
+    width: 116px;
+    height: 40px;
+    float: left;
+    margin-top: 53px;
+    margin-right: 20px;
+}
+.head_logo .logo_left img:last-child{
+    width: 175px;
+    height: 16px;
+}
+.head_logo .input{
+    width: 437px;
+    height:36px;
+    font-size: 0; 
+    box-sizing: border-box;
+    margin-top: 36px;
+}
+.head_logo .input input{
+    width: 347px;
+    height: 36px;
+    border: 3px solid #7a45e5;
+    box-sizing: border-box;
+}
+.head_logo .input .button{
+    width: 90px;
+    height: 36px;
+    line-height: 36px;
+    color: #fff;
+    font-size:16px;
+    text-align: center;
+    background: linear-gradient(to right,#7a45e5 20%,#b23cef 80%);
+}
+.center {
+    width: 1190px;
+    margin: 0 auto;
+}
+.conternt .type{
+    height: 461px;
+}
+.type_left{
+    width: 200px;
+    height: 100%;
+}
+.type_right{
+    width: calc(100% - 200px);
+    height: 100%;
+}
+.content .type{
+    height: 461px;
+    position: relative;
+    top:-38px; 
+}
+.type_left{
+    width: 200px;
+    height: 100%;
+
+}
+.type_left .title{
+    height: 38px;
+    line-height: 38px;
+    background: linear-gradient(90deg,#7a45e5 20%,#b23cef 80%);
+    padding-left: 20px;
+    box-sizing: border-box;
+    font-size: 14px;
+    color: #fff;
+}
+.type_right{
+    width: calc(100% - 200px);
+    height: 100%;
+}
+.type_left ul{
+    height: 420px;
+    background: #333;
+}
+.type_left ul li{
+    width: 160px;
+    height: 84px;
+    margin-left: 20px;
+    color: #fff;
+    font-size: 0;
+    border-bottom: 1px dotted #545454 ;
+    box-sizing: border-box;
+}
+.type_left ul li .icon {
+    margin-bottom :10px ;
+    padding-top: 15.5px;
+}
+.type_left ul li .text a{
+    font-size: 12px;
+    color: #fff;
+} 
+.type_left ul li .icon img{
+    width: 24px;
+    height: 24px;
+    margin-right: 10px; 
+}
+.type_left ul li .icon span{
+    font-size: 16px;
+    color: #fff;
+    font-weight: 700px;
+}
+.type_right{
+    height: 38px;
+}
+.type_right .title{
+    padding-left: 40px;
+    box-sizing: border-box;
+    line-height: 38px;
+}
+.type_right .title li{
+    float: left;
+    margin-right: 40px;
+}
+.type_right .title li .active{
+    color: #7a45e5;
+    font-weight: 600;;
+    
+}
+.type_right .title li a{
+    font-size: 14px;
+    color: #333
+}
+.banner .text{
+       text-align: center;
+       width: 250px;
+}
+.text .tm_text{
+    font-size: 30px;
+    font-weight: bold;
+    margin-top: 30px;
+    color: rgb(122, 69, 229);
+}
+.text .tm_desc{
+    font-size: 20px;
+    margin-top: 10px;
+    font-weight: bold;
+    color: rgb(122, 69, 229);
+}
+text.tm_fg{
+    margin: 28px 0;
+}
+.banner .text .code{
+    display: block;
+    margin: 0 auto;
+}
+.banner .text .tm_t{
+    font-size: 14px;
+    font-weight: bold;
+    color: rgb(51,51,51);
+    margin-bottom: 8px;
+    margin-top: 10px;
+}
+.banner .text .tm_s{
+    font-size: 12px;
+    color: rgb(165,165,165);
+}
+.title_list{
+    
+}
+.block{
+    width: 100px;
+    height: 200px;
+    background:red;
+    position: absolute;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-13/天猫.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-13/天猫.html
@@ -0,0 +1,185 @@
+<!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">
+    <link rel="stylesheet" href="http:////at.alicdn.com/t/c/font_3889063_w9zrujr1cf.css">
+    <link rel="stylesheet" href="./public.css">
+    <link rel="stylesheet" href="./clear.css">
+    <link rel="stylesheet" href="./天猫.css">
+    <title>天猫</title>
+</head>
+
+<body>
+    <div class="head">
+        <div class="head_menu">
+            <div class="center">
+                <ul class="header_left left">
+                    <li>
+                        <i class="iconfont icon-shouye"></i>
+                        <a href="">天猫首页</a>
+                    </li>
+                    <li>
+                        <a href="">喵，欢迎来天猫国际</a>
+                    </li>
+                    <li>
+                        <a href="">请登录</a>
+                    </li>
+                </ul>
+                <ul class="header_right right">
+                    <li class="li_hover">
+                        <a href="">我的淘宝</a>
+                        <i class="iconfont icon-zuojiantou-copy ic"></i>
+                        <ul class="drop_menu">
+                            <li><a href="">已买到的宝贝</a></li>
+                            <li><a href="">已卖出的宝贝</a></li>
+                        </ul>
+                    </li>
+                    <li>
+                        <i class="iconfont icon-gouwuche1"></i>
+                        <a href="">购物车</a>
+                    </li>
+                    <li>
+                        <a href="">收藏夹</a>
+                        <i class="iconfont icon-zuojiantou-copy ic"></i>
+                    </li>
+                    <li>
+                        <i class="iconfont icon-shouji1"></i>
+                        <a href="">手机版</a>
+                    </li>
+                    <li>
+                        <a href="">淘宝网</a>
+                    </li>
+                    <li>
+                        <a href="">网页无障碍</a>
+                    </li>
+                    <li>
+                        <a href="">商家支持</a>
+                        <i class="iconfont icon-zuojiantou-copy ic"></i>
+                    </li>
+                    <li>
+                        <i></i>
+                        <a href="">商家中心</a>
+                    </li>
+                    <li>
+                        <a href="">联系客服</a>
+                        <i class="iconfont icon-zuojiantou-copy ic"></i>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="head_logo">
+            <div class="center hidden">
+                <div class="logo_left left">
+                    <img src="https://img.alicdn.com/tfs/TB1ygW.nsfpK1RjSZFOXXa6nFXa-218-80.png" alt="">
+                    <img src="https://img.alicdn.com/tfs/TB1CFE8OEY1gK0jSZFMXXaWcVXa-349-32.png" alt="">
+                </div>
+                <div class="input right">
+                    <input type="text left">
+                    <div class="button right">搜索</div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="content">
+        <div class="center">
+            <div class="type">
+                <div class="type_left left">
+                    <div class="title">全部商品分类</div>
+                    <ul class="title_list">
+                        <li>
+                            <div class="icon">
+                                <img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
+                                <span>美妆个护</span>
+                            </div>
+                            <div class="text">
+                                <a href="">面膜</a>/
+                                <a href="">防晒</a>/
+                                <a href="">面部护理套装</a>
+                            </div>
+                            <div class="block">
+                                <div>美妆护肤</div>
+                                <ul>
+                                    <li> <a href="">保湿补水</a></li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="icon">
+                                <img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
+                                <span>美妆个护</span>
+                            </div>
+                            <div class="text">
+                                <a href="">面膜</a>/
+                                <a href="">防晒</a>/
+                                <a href="">面部护理套装</a>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="icon">
+                                <img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
+                                <span>美妆个护</span>
+                            </div>
+                            <div class="text">
+                                <a href="">面膜</a>/
+                                <a href="">防晒</a>/
+                                <a href="">面部护理套装</a>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="icon">
+                                <img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
+                                <span>美妆个护</span>
+                            </div>
+                            <div class="text">
+                                <a href="">面膜</a>/
+                                <a href="">防晒</a>/
+                                <a href="">面部护理套装</a>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="icon">
+                                <img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
+                                <span>美妆个护</span>
+                            </div>
+                            <div class="text">
+                                <a href="">面膜</a>/
+                                <a href="">防晒</a>/
+                                <a href="">面部护理套装</a>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                <div class="type_right right">
+                    <ul class="title">
+                        <li><a class="active" href="">首页</a></li>
+                        <li><a href="">全球精选</a></li>
+                        <li><a href="">进口超市</a></li>
+                        <li><a href="">海外直购</a></li>
+                    </ul>
+                    <div class="banner">
+                        <img src="https://gw.alicdn.com/imgextra/i1/O1CN01IR0SHG1pjPz2YGwbO_!!6000000005396-0-tps-740-420.jpg_Q75.jpg"
+                            alt="">
+                        <div class="text right">
+                            <div class="tm_text">天猫国际</div>
+                            <div class="tm_desc">TMALL GLOBAL</div>
+                            <img class="tm_fg"
+                                src="https://gw.alicdn.com/tps/TB1tQM6JXXXXXaeXXXXXXXXXXXX-38-11.jpg_Q75.jpg" alt="">
+                            <img class="code"
+                                src="https://gw.alicdn.com/imgextra/i1/O1CN01g3E02H1JOkHYfqBix_!!6000000001019-0-tps-200-200.jpg_Q75.jpg"
+                                alt="">
+                            <div class="tm_t">畅享全球好货</div>
+                            <div class="tm_s">正品保障，破损无忧，晚到必赔！</div>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="footer"></div>
+</body>
+
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/imgs/-e-头像拷贝.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/imgs/-e-头像拷贝.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/imgs/left.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/imgs/left.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/imgs/photo.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/imgs/photo.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/imgs/right.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/imgs/right.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/imgs/左.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/imgs/左.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/imgs/左拷贝.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/imgs/左拷贝.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/js版媒体查询.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/js版媒体查询.html
@@ -0,0 +1,47 @@
+<!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">
+    <title>js版媒体查询</title>
+    <script type="text/javascript">
+        (function (w, d) {
+            function setSize() {
+                // 获取屏幕的宽度 375px
+                var screenWidth = d.documentElement.clientWidth;
+
+                // 根据规则计算  html 的font-size数值
+                var currentFontSize = screenWidth * 100 / 750;  //(1倍图)
+
+                // 修改html上的font-size
+                d.documentElement.style.fontSize = currentFontSize + 'px';
+            }
+            w.addEventListener('resize', setSize);
+            w.addEventListener('pageShow', setSize)
+            w.addEventListener('DOMContentLoaded', setSize)
+        })(window, document)
+    </script>
+    <style>
+        *{
+            margin: 0;
+        }
+        .box{
+             width: 3.75rem;
+            height: 3.75rem;
+            float: left;
+        }
+        .box1{
+            background: red;
+        }
+        .box2{
+            background: yellow ;
+        }
+
+    </style>
+</head>
+<body>
+    <div class="box box1"></div>
+    <div class="box box2"></div>
+</body>
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/rem.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/rem.html
@@ -0,0 +1,50 @@
+<!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">
+    <title>Document</title>
+    <style>
+        *{
+            padding: 0;
+            margin: 0;
+        }
+        html{
+            font-size: 16px;
+        }
+        .box{
+            width: 10rem;
+            height: 10rem;
+            background: blue;
+            float: left;
+        }
+        .box1{
+            background: red;
+        }
+        .box2{
+            background: yellow;
+        }
+        @media screen and (min-width:320px) and (max-width:px375){
+            html{
+                font-size: 85.333px;
+            }
+
+        }
+        @media screen and (min-width:375px) and (max-width:413px){
+            html{
+                font-size: 100px;
+            }
+        }
+        @media screen and(min-width:414px){
+            html{
+                font-size: 110.4px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class=" box box1"></div>
+    <div class="box box2"></div>
+</body>
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/弹性盒子.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/弹性盒子.html
@@ -0,0 +1,55 @@
+<!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">
+    <title>弹性盒子</title>
+
+    <style>
+        *{
+            padding: 0;
+            margin: 0;
+        }
+        .box{
+            width: 187.5px;
+            height: 187.5px;
+            float: left;
+        }
+        .box1{
+            background: red;
+        }
+        .box2{
+            background: yellow;
+        }
+        @media screen and(min-width:320px) and (max-width:375px){
+            .box1{
+                width: 160px;
+                height: 160px;
+            }
+        }
+        @media screen and(min-width:375px) and (max-width:414px){
+            .box1{
+                width: 187.5px;
+                height: 187.5px;
+            }
+        }
+        @media screen and(min-width:32px) and (max-width:375px){
+            .box1{
+                width: 207px;
+                height: 207px;
+            }
+        }
+        @media screen and(min-width:414px) {
+            .box{
+                width: 207px;
+                height: 207px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class=" box box1"></div>
+    <div class=" box box2"></div>
+</body>
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/弹性盒子2.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/弹性盒子2.html
@@ -0,0 +1,39 @@
+<!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">
+    <title>Document</title>
+    <style>
+        *{
+            margin: 0;
+        }
+        ul{
+           width: 100%;
+            height: 456px;
+            display: flex;
+            align-items: center;
+            flex-direction: row-reverse;
+            justify-content: space-around;
+            flex-wrap:wrap ;
+            background: red;
+        }
+        ul li{
+            display: list-item;
+            
+        }
+    </style>
+</head>
+<body>
+    <div>
+        <ul>
+            <li>菜单1</li>
+            <li>菜单2</li>
+            <li>菜单3</li>
+            <li>菜单4</li>
+            <li>菜单5</li>
+        </ul>
+    </div>
+</body>
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/橱窗app.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/橱窗app.css
@@ -0,0 +1,69 @@
+.htnl{
+    font-size: 50px;
+}
+.header{
+    position: fixed;
+    top: 0;
+    width: 100%;
+    height: 45px;
+    display: flex;
+    border-bottom: 0.01rem solid #e9e9e9;
+    box-sizing: border-box;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 0.5rem;
+    background: #fff;
+
+}
+.header .title{
+    font-size: 0.34rem;
+    color: #010101;
+}
+.header img{
+    /* width: 0.8rem;
+	height: 0.8rem;; */
+    width: 3rem;
+    height: 3.1rem;
+}
+.content{
+     margin-top: 45px;
+}
+.info {
+    padding-left: 0.33rem;
+}
+.info li{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 3.1rem;
+    padding-right: 0.35rem;
+    box-sizing: border-box;
+    border-bottom: 0.01rem solid #e9e9e9;
+}
+.info li .info_title{
+    font-family: PingFang-SC-Medium;
+	font-size: 0.64rem;
+	line-height: 8.229rem;
+	color: #000000;
+}
+.info li .info_con{
+    display: flex;
+    align-items: center;
+}
+.info_text{
+    font-family: PingFang-SC-Medium;
+	font-size: 0.56rem;
+    color: #969696;
+}
+.content li:first-child .info_con img {
+    width: 1.28rem;
+	height: 1.28rem;
+    margin-right: 0.15rem;
+}
+.content li:last-child .info_con img {
+    width: 0.88rem;
+	height: 0.96rem;
+}
+.infoli:first-child .info_con{
+    align-items: center !important;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/橱窗app.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/橱窗app.html
@@ -0,0 +1,66 @@
+<!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">
+    <link rel="stylesheet" href="../clear.css">
+    <link rel="stylesheet" href="../public.css">
+    <link rel="stylesheet" href="./橱窗app.css">
+    <title>橱窗app</title>
+</head>
+<body>
+    <div class="header">
+        <img src="./imgs/left.png" alt="">
+        <div class="title">编辑个人资料</div>
+        <div></div>
+    </div>
+    <div class="content">
+        <ul class="info">
+            <li>
+                <div class="info_title">头像</div>
+                <div class="info_con">
+                    <img src="./imgs/photo.png" alt="">
+                    <img src="./imgs/right.png" alt="">
+                </div>
+            </li>
+            <li>
+                <div class="info_title">昵称</div>
+                <div class="info_con">
+                    <div class="info_text">小许</div>
+                    <img src="./imgs/right.png" alt="">
+                </div>
+            </li>
+            <li>
+                <div class="info_title">用户ID</div>
+                <div class="info_con">
+                    <div class="info_text">112233</div>
+                    <img src="./imgs/right.png" alt="">
+                </div>
+            </li>
+            <li>
+                <div class="info_title">性别</div>
+                <div class="info_con">
+                    <div class="info_text">女</div>
+                    <img src="./imgs/right.png" alt="">
+                </div>
+            </li>
+            <li>
+                <div class="info_title">所在地</div>
+                <div class="info_con">
+                    <div class="info_text">安徽 合肥市</div>
+                    <img src="./imgs/right.png" alt="">
+                </div>
+            </li>
+            <li>
+                <div class="info_title">个人介绍</div>
+                <div class="info_con">
+                    <div class="info_text">填写个人资料更容易获得关注</div>
+                    <img src="./imgs/right.png" alt="">
+                </div>
+            </li>
+        </ul>
+    </div>
+    <div class="footer"></div>
+</body>
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/橱窗app2.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/橱窗app2.css
@@ -0,0 +1,66 @@
+html{
+    font-size: 50px;
+}
+.header{
+    height: .9rem;
+    width: 100%;
+    background: white;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-left: .26rem;
+    box-sizing: border-box;
+    border-bottom: .5px solid #e9e9e9;
+}
+.header .photo{
+    width: 0.26rem;
+    height: 0.27rem;
+    background: url(./imgs/左.png) no-repeat;
+}
+.header_title{
+    font-size: 0.34rem;
+    font-family: PingFang-SC-Bold;
+    color: #010101;
+}
+.footer{
+    padding-left:16.5px ;
+    padding-right: 16px;
+    box-sizing: border-box;
+}
+.footer li{
+    height: 71px ;
+    border-bottom: .5px solid #e9e9e9;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+}
+.footer .footer_photo{
+    font-size: 16px;
+	color: #000000;
+}
+.footer_right img:first-child{
+    width: 32px;
+	height: 32px;
+    border-radius: 100%;
+    margin-right: 8px;
+}
+.footer_right img:last-child{
+    width: 11px;
+	height: 12px;
+}
+.footer .footer_right{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+/* .footer .footer_right:first-child{
+    align-items: center !important;
+} */
+.footer_photo_text{
+    font-size: 14px;
+    font-family: PingFang-SC-Medium;
+    color: #969696;
+    margin-right: 2.5px;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/橱窗app2.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-16/橱窗app2.html
@@ -0,0 +1,66 @@
+<!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">
+    <link rel="stylesheet" href="../public.css">
+    <link rel="stylesheet" href="../clear.css">
+    <link rel="stylesheet" href="./橱窗app2.css">
+    <title>橱窗app2</title>
+</head>
+
+<body>
+    <div class="header">
+        <div class="photo"></div>
+        <div class="header_title">编辑个人资料</div>
+        <div></div>
+    </div>
+    <ul class="footer">
+        <li>
+            <div class="footer_photo">头像</div>
+            <div class="footer_right">
+                <img src="./imgs/-e-头像拷贝.png" alt="">
+                <img src="./imgs/左拷贝.png" alt="">
+            </div>
+        </li>
+        <li>
+            <div class="footer_photo">昵称 </div>
+            <div class="footer_right">
+                <div class="footer_photo_text">小许</div>
+                <img src="./imgs/左拷贝.png" alt="">
+            </div>
+        </li>
+        <li>
+            <div class="footer_photo">用户ID </div>
+            <div class="footer_right">
+                <div class="footer_photo_text">11221122</div>
+                <img src="./imgs/左拷贝.png" alt="">
+            </div>
+        </li>
+        <li>
+            <div class="footer_photo">性别 </div>
+            <div class="footer_right">
+                <div class="footer_photo_text">女</div>
+                <img src="./imgs/左拷贝.png" alt="">
+            </div>
+        </li>
+        <li>
+            <div class="footer_photo">所在地 </div>
+            <div class="footer_right">
+                <div class="footer_photo_text">安徽 合肥市</div>
+                <img src="./imgs/左拷贝.png" alt="">
+            </div>
+        </li>
+        <li>
+            <div class="footer_photo">个人介绍 </div>
+            <div class="footer_right">
+                <div class="footer_photo_text">填写个人资料更容易获得关注</div>
+                <img src="./imgs/左拷贝.png" alt="">
+            </div>
+        </li>
+    </ul>
+</body>
+
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/-e-头像拷贝.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/-e-头像拷贝.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/4832198.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/4832198.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/5购物袋2.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/5购物袋2.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/分享.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/分享.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/加号.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/加号.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/图层1.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/图层1.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/图层2.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/图层2.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/左.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/左.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/店铺(1).png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/店铺(1).png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/心.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/心.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/扫一扫.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/扫一扫.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/搜索.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/搜索.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/精选拷贝.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/精选拷贝.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/评论.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/评论.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/购物车满拷贝.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/购物车满拷贝.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/音符.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/img/音符.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/test.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/test.css
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/test.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/test.html
@@ -0,0 +1,34 @@
+<!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">
+    <title>test</title>
+    <link rel="stylesheet" href="./test.css">
+</head>
+<body>
+    <div class="shop_info">
+        <div class="shop_title">
+            <img src="" alt="">
+            <p>美林美妆合肥店   >7KM</p>
+        </div>
+        <div class="shop_item">
+            <img src="" alt="">
+            <div class="item_text">
+                <div class="text_t">夏季网纱半身裙中长款纱……</div>
+                <div class="text_prict">
+                    <span>¥68.00</span>
+                    <p>精选</p>
+                </div>
+                <div class="text_nus">已卖1020</div>
+            </div>
+            <img src="" alt="">
+        </div>
+        <div class="shop_music">
+            <img src="" alt="">
+            <p>你像花儿一样美（DJ）版</p> 
+        </div>
+    </div>
+</body>
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/text.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/text.html
@@ -0,0 +1,33 @@
+<!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">
+    <title>Document</title>
+    <style>
+        *{
+            padding: 0;
+            margin: 0;
+        }
+        body{
+            display: flex;
+            height: 100vh;
+            flex-direction: column;
+
+        }
+        .box1{
+            flex: 1;
+            background: red;
+        }
+        .box2{
+            height: 50px;
+            background: blue;
+        }
+    </style>
+</head>
+<body>
+    <div class="box1">123</div>
+    <div class="box2">456</div>
+</body>
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/video.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/video.css
@@ -0,0 +1,245 @@
+
+body{
+    display: flex;
+    height: 100vh;
+    flex-direction: column;
+}
+.head {
+    width: 100%; 
+    flex: 1;
+    background: url(./img/图层1.png) no-repeat;
+    background-size: cover;
+    position: relative;
+}
+
+.head_mask {
+    width: 100%;
+    height: 100%;
+    background: #0000005b;
+}
+
+.head_content {
+    width: 100%;
+    height: .9rem;
+    display: flex;
+    padding: 0 0.37rem;
+    box-sizing: border-box;
+    align-items: center;
+    justify-content: space-between;
+    position: fixed;
+    top:0;
+}
+
+ .head_list {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+	font-size: 0.3rem;
+    color: #fefefe;
+}
+.head_list .active{
+    position: relative;
+}
+.head_list .active::after{
+    position:absolute;
+    content: "";
+    width: 17.5px;
+	height: 1px;
+	background-color: #ffffff;
+	box-shadow: 0px 1px 1px 0px 
+		rgba(12, 0, 255, 0.35);
+	border-radius: 0.5px;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: -5px;
+}
+.head_list li {
+    margin-left: 11.5px;
+}
+
+.head_content ul li:first-child {
+    margin-left: 0 !important;
+
+}
+
+.head_content img:first-child {
+	width: 0.42rem;
+	height: 0.42rem;
+}
+
+.head_content img:last-child {
+	width: 0.43rem;
+	height: 0.43rem;
+}
+.user_info_head{
+    position: relative;
+}
+.user_info{
+    position: absolute;
+    right: .18rem;
+    bottom: .1rem;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
+.user_info_head img:first-child{
+	width: 0.96rem;
+	height: 0.97rem;
+    border-radius: 100%;
+	border: solid 0.03rem #ffffff;
+}
+
+.user_info_head img:last-child{
+	width: 0.34rem;
+	height: 0.33rem;
+    position: absolute;
+    bottom: 0.08rem;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.content_list li{
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
+.content_list li img{
+    width: 0.68rem;
+	height: 0.63rem;
+    margin-top: 0.27rem;
+}
+
+.content_list li .text{
+	font-size: 0.2rem;
+	color: #ffffff;
+    margin-top: 0.15rem;
+
+}
+
+.store{
+    width: 5.85rem;
+    position: absolute;
+    left: 0.3rem;
+    bottom: 0;
+}
+.stotre_title{
+    width: 100%;
+    height: 0.65rem;
+    display: flex;
+    align-items: center;
+}
+.stotre_title img{
+	width: 0.28rem;
+	height: 0.26rem;
+}
+.stotre_title span{
+    font-size: 0.26rem;
+	color: #ffc600;
+}
+.stotre_content{
+    width: 5.85rem;
+	height: 1.68rem;
+    padding-left: 0.1rem;
+    box-sizing: border-box;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    position: relative;
+
+}
+.stotre_content img:first-child{
+	width: 1.48rem;
+	height: 1.48rem;
+}
+.tt {
+    width: 0.46rem;
+	height: 0.46rem;
+    position: absolute;
+    right: 0.34rem;
+    bottom: 0.17rem;
+}
+.stotre_introduce{
+    display: flex;
+    flex-direction: column;
+    margin-left: 0.15rem; 
+}
+.introduce{
+    font-size: 0.28rem;
+	color: #333333;
+}
+.price{
+    display: flex;
+    align-items: center;
+}
+.price span{
+	font-size: 0.28rem;
+	color: #333333;
+}
+.stotre_introduce .price img {
+	width: 0.6rem;
+	height: 0.24rem;
+}
+
+.count{
+    font-size: 0.2rem;
+	color: #626262;
+}
+
+.introduce,
+.price{
+    margin-bottom: 0.1rem;
+}
+.music{
+    width: 100%;
+    height: 0.65rem;
+    display: flex;
+    align-items: center;
+}
+.music span{
+	font-size: 0.24rem;
+	color: #ffffff;
+}
+.music img{
+    width: 0.27rem;
+	height: 0.28rem;
+    margin-right: 0.13rem;
+}
+.footer {
+    width: 100%;
+    height: 50px;
+    display: flex;
+    align-items: center ;
+    justify-content: space-between;
+    padding-left: 19.5px;
+    padding-right: 27px;
+    box-sizing: border-box;
+    background: #000;
+}
+.footer a{
+    font-size: 12px;
+    color: #ffffff;
+}
+.footer .active a{
+    font-size: 15px;
+    color: #ffffff;
+}
+.footer li{
+    font-family: AdobeHeitiStd-Regular;
+	font-size: 12px;
+    color: #ffffff;
+}
+.footer .active{
+   position: relative;
+}
+
+.footer .active::after{
+    width: 25.5px;
+	height: 1.5px;
+    position: absolute;
+    content: "";
+	background-color: #ffffff;
+	border-radius: 0.75px;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: -11.6px;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/video.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/video.html
@@ -0,0 +1,114 @@
+<!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">
+    <title>video</title>
+    <script type="text/javascript">
+        (function (w, d) {
+            function setSize() {
+                // 获取屏幕的宽度 375px
+                var screenWidth = d.documentElement.clientWidth;
+
+                // 根据规则计算  html 的font-size数值
+                var currentFontSize = screenWidth * 100 / 750;
+
+                // 修改html上的font-size
+                d.documentElement.style.fontSize = currentFontSize + 'px';
+            }
+            w.addEventListener('resize', setSize);
+            w.addEventListener('pageShow', setSize)
+            w.addEventListener('DOMContentLoaded', setSize)
+        })(window, document)
+    </script>
+    <link rel="stylesheet" href="../clear.css">
+    <link rel="stylesheet" href="../public.css">
+    <link rel="stylesheet" href="./video.css">
+
+</head>
+
+<body>
+    <div class="head">
+        <div class="head_mask"></div>
+        <div class="head_content">
+            <img src="./img/扫一扫.png" alt="">
+            <ul class="head_list">
+                <li class="active">推荐</li>
+                <li>关注</li>
+                <li>直播</li>
+            </ul>
+            <img src="./img/搜索.png " alt="">
+        </div>
+        <div class="user_info">
+            <div class="user_info_head">
+                <img src="./img/4832198.png" alt="">
+                <img src="./img/加号.png" alt="">
+            </div>
+            <ul class="content_list">
+                <li>
+                    <img src="./img/心.png" alt="">
+                    <div class="text">71.1W</div>
+                </li>
+                <li>
+                    <img src="./img/分享.png" alt="">
+                    <div class="text">分享</div>
+                </li>
+                <li>
+                    <img src="./img/评论.png" alt="">
+                    <div class="text">评论</div>
+                </li>
+                <li>
+                    <img src="./img/5购物袋2.png" alt="">
+                    <div class="text">购物袋</div>
+                </li>
+            </ul>
+        </div>
+        <div class="store">
+            <div class="stotre_title">
+                <img src="./img/店铺(1).png" alt="">
+                <span>美林美妆合肥店   >7KM</span>
+            </div>
+            <div class="stotre_content">
+                <img src="./img/4832198.png" alt="">
+                <div class="stotre_introduce">
+                    <div class="introduce">夏季网纱半身裙中长款纱……</div>
+                    <div class="price">
+                        <span>¥68.00</span>
+                        <img src="./img/精选拷贝.png" alt="">
+                    </div>
+                    <div class="count">已卖1020</div>
+                </div>
+                <img class="tt" src="./img/购物车满拷贝.png" alt="">
+            </div>
+            <div class="music">
+                <img src="./img/音符.png" alt="">
+                <span>你像花儿一样美（DJ）版</span>
+            </div>
+        </div>
+    </div>
+
+
+
+
+    <ul class="footer">
+        <li class="active">
+            <a href="">首页</a>
+        </li>
+        <li>
+            <a href="">好友</a>
+        </li>
+        <li>
+            <a href="">圈子</a>
+        </li>
+        <li>
+            <a href="">购物车</a>
+        </li>
+        <li>
+            <a href="">我的</a>
+        </li>
+    </ul>
+</body>
+
+</html>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/clear.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/clear.css
@@ -0,0 +1,9 @@
+/* 清除默认样式 */
+body,ul,li,a,input,p{
+    margin: 0;
+    padding: 0;
+    border: none;
+    outline: none;
+    list-style: none;
+    text-decoration: none;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/freight.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/freight.css
@@ -0,0 +1,76 @@
+
+.head{
+    width: 100%;
+    height: .9rem;
+    background: #fff;
+    position: fixed;
+    top: 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    padding:  0 0.3rem;
+    box-sizing: border-box;
+}
+.head img{
+    width: 0.19rem;
+	height: 0.34rem;
+}
+.head_title{
+    font-size: 0.34rem;
+    color: #333333;
+}
+.content{
+    margin-top: .9rem;
+}
+.content_title{
+    width: 100%;
+    height: 1rem;
+	font-size: 0.24rem;
+	color: #aaaaaa;
+    background: #f2f3f7;
+    display: flex;
+    align-items: center;
+    padding-left: 0.34rem;
+    box-sizing: border-box;
+}
+.list li{
+    width: 100%;
+    height: 0.87rem;
+    background: #fff;
+    border-bottom: 0.02rem solid #dcdcdf; 
+    padding-left: 0.31rem;
+    padding-right: 0.36rem;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.list_left ,
+.list_right{
+    display: flex;
+    align-items: center;
+}
+.list_left img{
+    width: 0.42rem;
+	height: 0.36rem;
+    margin-right: 0.34rem;
+}
+.list_left span{
+    font-size: 0.3rem;
+	color: #000000;
+}
+.list_right span{
+    font-size: 0.28rem;
+	color: #000000;
+    margin-right: 0.29rem;
+}
+.list_right img:first-child{
+    width: 0.36rem;
+	height: 0.36rem;
+    margin-right: 0.08rem;
+}
+.list_right img:last-child{
+    width: 0.13rem;
+	height: 0.24rem;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/income.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/income.css
@@ -0,0 +1,71 @@
+
+body{
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+}
+.head{
+    width: 100%;
+	height: 3.31rem;
+    display: flex;
+    flex-direction: column;
+}
+.head_title{
+    width: 100%;
+    height: .9rem;
+    font-family: PingFang-SC-Bold;
+	font-size: 0.34rem;
+    color: #000000;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding:0  0.3rem;
+    box-sizing: border-box;
+    position: fixed;
+    top: 0;
+    background: #fff;
+    z-index: 999;
+}
+.head_title img{
+    width: 0.19rem;
+	height: 0.34rem;
+}
+.head_text{
+    width: 100%;
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-family: PingFang-SC-Bold;
+	font-size: 0.52rem;
+    color: #010101;
+}
+.list{
+    width: 100%;
+	height: 5.99rem;
+	background-color: #ffffff;
+    font-family: PingFang-SC-Medium;
+	font-size: 0.28rem;
+	color: #909090;
+    box-sizing: border-box;
+    flex: 1;
+    background: #efeff4;
+    padding-top: 0.18rem;
+    box-sizing: border-box;
+}
+.list li{
+    position: relative;
+    height: 1rem;
+    display: flex;
+    padding-left: 0.29rem;
+
+    box-sizing: border-box;
+    align-items: center;
+    background: #fff;
+}
+.list li span:last-child{
+	color: #262626;
+    position: absolute;
+    right: 0.26rem;
+
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/new_store.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/new_store.css
@@ -0,0 +1,233 @@
+html{
+    font-size: 50px;
+}
+.head{
+    width: 100%;
+    height: .9rem;
+    background:#fff;
+    padding-left: .23rem;
+    padding-right:0.25rem;
+    box-sizing: border-box;
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .content{
+    width: 100%;
+    margin-top: .9rem;
+    padding-top:0.18rem;
+    box-sizing: border-box;
+    background: #f2f3f7;
+
+  }
+ .head_back img:first-child{
+    width: 0.2rem;
+    height: 0.38rem;
+    margin-right: 0.3rem;
+  }
+  .head_back img:last-child{
+    width: 0.48rem;
+    height: 0.48rem;
+  }
+  .head_title{
+    font-size: 0.28rem;
+    color: #000000;
+  }
+  .head_title img{
+    width: 0.78rem;
+    height: 0.32rem;
+    margin-left: 0.12rem;
+  }
+.head_set img:first-child{
+	  width: 0.42rem;
+	  height: 0.35rem;
+    margin-right: 0.38rem;
+
+}
+.head_set img:last-child{
+	  width: 0.37rem;
+	  height: 0.36rem;
+}
+.position{
+  width: 0.25rem;
+	height: 0.25rem;
+  position: absolute;
+  top: 14px;
+  right: 96px;
+}
+.head_back ,
+.head_title ,
+.head_set{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.content .live{
+  width: 7.02rem;
+	height: 0.78rem;
+  border-radius: 0.2rem;
+	background-color: #ffffff;
+  margin: 0  auto 0.24rem auto;
+  padding: 0  0.17rem  0  0.19rem;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.live_left ,
+.live_right{
+  display: flex;
+  align-items: center;
+  justify-content: space-between; 
+}
+.live_left{
+  font-size: 0.32rem;
+  color: #1a1a1a;
+}
+.live_right{
+  font-size: 0.28rem;
+  color: #0079f1;
+}
+.live_left img{
+  width: 0.41rem;
+	height: 0.39rem;
+  margin-right: 0.09rem;
+}
+.live_right img{
+  width: 0.12rem;
+	height: 0.21rem;
+  margin-left: 0.11rem;
+}
+.content .follow{
+  width: 7.02rem;
+	height: 1.8rem;
+  background: url(../img/图层1.png) no-repeat;
+  background-size: contain;
+  display: flex;
+  margin: 0 auto;
+  margin-bottom: 0.24rem;
+}
+.follow li{
+  width: 25%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items:center;
+}
+.follow li span:first-child{
+  font-size: 0.34rem;
+  color: #ffffff;
+}
+.follow li span:last-child{
+  font-size: 0.24rem;
+  color: #ffffff;
+}
+.identification{
+  width: 7.02rem;
+	height: 2.75rem;
+	background-color: #ffffff;
+	border-radius: 0.2rem;
+  margin: 0 auto;
+}
+.identification ul{
+  display: flex;
+  justify-content: space-between;
+  padding-left: 0.55rem;
+  padding-right: 0.58rem;
+  margin-top: 0.09rem;
+  box-sizing: border-box;
+}
+.identification_titile{
+  font-size: 0.3rem;
+  height: 0.95rem;
+  color: #010101;
+  padding-left: 0.34rem;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+}
+.identification_list li{
+  display: flex;
+  flex-direction: column;
+}
+.identification_list img{ 
+	width: 0.58rem;
+	height: 0.56rem;
+}
+.identification_list li span{
+  font-size: 0.24rem;
+  color: #333333;
+}
+.identification_list li span:last-child{
+  font-size: 0.22rem;
+  color: #abb1bc;
+}
+.manage_title{
+  font-size: 0.3rem;
+  height: 0.95rem;
+  color: #010101;
+  padding-left: 0.34rem;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+}
+.manage{
+	width: 7.02rem;
+	height: 4.02rem;
+	background-color: #ffffff;
+	border-radius: 0.2rem;
+  margin: 0.24rem auto;
+  display: flex;
+  flex-direction: column;
+}
+.manage_list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  flex: 1;
+}
+.manage_list li{
+  width: 20%;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+
+}
+.manage_list li img{
+  width: 0.41rem;
+	height: 0.41rem;
+}
+.manage_list span{
+	font-size: 0.24rem;
+  color: #333333;
+}
+.marketing{
+  width: 7.02rem;
+	height: 2.51rem;
+	background-color: #ffffff;
+	border-radius: 0.2rem;
+  margin: 0 auto;
+}
+.marketing_list{
+  display: flex;
+  align-items: center;
+}
+.marketing_list li {
+  width: 25%;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+.marketing_list li  img{
+	width: 0.48rem;
+	height: 0.53rem;
+  margin-bottom: 0.3rem;
+}
+.marketing_list li span{
+  font-size: 0.24rem;
+  color: #333333;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/personal_data.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/personal_data.css
@@ -0,0 +1,85 @@
+body{
+    background: #f7f7f7;
+}
+.head{
+    width: 100%;
+    height: .9rem;
+    background: #f7f7f7;
+    padding:0 0.26rem;
+    border-bottom: 1px solid #dcdcdf;
+    box-sizing: border-box;
+    position: fixed;
+    top: 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.head img{
+    width: 0.19rem;
+    height: 0.27rem;
+}
+.head_title{
+    font-size: 0.34rem;
+	color: #010101;
+}
+.content{
+    margin-top: .9rem;
+}
+.content_title{
+    height: 1.11rem;
+    padding-left: 0.33rem;
+    padding-right: 0.32rem;
+    border-bottom: 1px solid #dcdcdf;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.content_title_left{
+    font-size: 0.32rem;
+	color: #000000;
+}
+.content_title_right{
+    display: flex;
+    align-items: center;
+}
+.content_title_right img:first-child{
+	width: 0.64rem;
+	height: 0.64rem;
+    margin-right: 0.16rem;
+}
+.content_title_right img:last-child{
+    width: 0.16rem;
+	height: 0.24rem;
+}
+.list{
+    padding-left: 0.33rem;
+    box-sizing: border-box;
+}
+.list li{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 1.11rem;
+    box-sizing: border-box;
+    padding-right: 0.32rem;
+    border-bottom: 1px solid #dcdcdf;
+}
+.list_left{
+    font-size: 0.32rem;
+	color: #000000;
+}
+.list_right{
+    display: flex;
+    align-items: center;
+
+}
+.list_right span{
+	font-size: 0.28rem;
+	color: #969696;
+    margin-right: 0.09rem;
+}
+.list_right img{
+    width: 0.16rem;
+	height: 0.24rem;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/public.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/public.css
@@ -0,0 +1,16 @@
+/* 公共样式代码 */
+.left{
+    float: left;
+}
+.right{
+    float: right;
+}
+.hidden{
+    overflow: hidden;
+}
+.clear{
+    clear: both;
+}
+.rest{
+    line-height: 1;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/新手体验店.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/新手体验店.css
@@ -0,0 +1,202 @@
+html{
+    font-size: 50px;
+}
+.content{
+    width: 100%;
+    height: 100%;
+    background: #f2f3f7;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    padding:  0 0.24rem;
+    box-sizing: border-box;
+}
+.title{
+    width: 100%;
+    height: 45px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-left: 0.23rem;
+    padding-right: 0.36rem;
+    box-sizing: border-box;
+}
+.title_left,
+.title_centre,
+.title_right{
+    display: flex;
+    align-items: center;
+}
+.title_left img:first-child{
+    width: 0.2rem;
+	height: 0.38rem;
+    margin-right: 0.3rem;
+}
+.title_left img:last-child{
+    width: 0.48rem;
+	height: 0.48rem;
+}
+.title_centre{
+    font-size: 0.28rem;
+    color: #000000;
+}
+.title_centre img{
+    width: 0.78rem;
+	height: 0.32rem;
+    margin-left : 0.12rem;
+}
+.title_right{
+    position: relative;
+}
+.title_right .position{
+	width: 0.25rem;
+	height: 0.25rem;
+    position: absolute;
+    top: -7px;
+    right: 31px;
+}
+.title_right img:first-child{
+    width: 0.42rem;
+	height: 0.35rem;
+    margin-right: 0.38rem;
+}
+.title_right img:last-child{
+    width: 0.37rem;
+	height: 0.36rem;
+}
+.follow{
+    width: 100%;
+    font-size: 0.24rem;
+    color: #ffffff;
+    display: flex;
+    align-items:center;
+    margin-top: 0.18rem;
+    margin-bottom: 0.24rem;
+    background: url(../img/图层1.png) no-repeat;
+    background-size: contain;
+}
+.follow ul{
+	width: 100%;
+	height: 1.8rem;
+    display: flex;
+    align-items:center;
+    flex-wrap: wrap;
+
+    padding: 0.3rem 0.47rem 0.3rem 0.37rem;
+    box-sizing: border-box;
+    text-align: center;
+}
+.follow ul li{
+    width: 25%;
+    justify-content: center;
+    height: 50%;
+    align-items: center;
+    display: flex;
+}
+.live{
+    width: 100%;
+	height: 0.78rem;
+    background: #ffffff;
+    padding-left: 0.19rem;
+    padding-right: 0.17rem;
+    border-radius: 0.2rem; 
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+}
+.live_left span{
+    font-size: 0.32rem;
+    color: #1a1a1a;
+}
+.live_right span{
+    font-size: 0.28rem;
+    color: #0079f1;
+}
+.live_left,
+.live_right{
+    display: flex;
+    align-items: center;
+}
+.live_left img{
+    width: 0.41rem;
+	height: 0.39rem;
+    margin-right: 0.09rem;
+}
+.live_right img{
+    width: 0.12rem;
+	height: 0.21rem;
+    margin-left: 0.11rem;
+}
+.list li{
+	/* width: 7.02rem;
+	height: 4.02rem; */
+	background-color: #ffffff;
+	border-radius: 0.2rem;
+    margin-top: 0.24rem;
+    margin-bottom: 0.23rem;
+    padding:  0.34rem 0.28rem 0.37rem 0.34rem;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    flex-wrap:wrap;
+}
+.list_title{
+    width: 100%;
+    height: max-content;
+    font-size: 0.3rem;
+    color: #010101;
+}
+.idcard{
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    width: 1rem;
+    margin-top:0.3rem;
+}
+.list_cotent .idcard:first-child{
+    margin-left: 0.16rem;
+}
+.idcard img{
+    width: 0.58rem;
+	height: 0.56rem;
+    margin-bottom: 0.25rem;
+}
+.list .idcard span{
+    font-size: 0.24rem;
+    color: #333333; 
+}
+.list .idcard span:last-child{
+    font-size: 0.22rem;
+	color: #abb1bc;
+    margin-top: 0.05rem;
+}
+.list_cotent{
+    width: 100%;
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+
+.idcard1{
+	width:  1.2rem;;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top:0.4rem;
+}
+.idcard1 img{
+    width: 0.38rem;
+	height: 0.4rem;
+    margin-bottom: 0.36rem;
+}
+.idcard1{
+    font-size: 0.24rem;
+    color: #333333;
+}
+.active{
+    color: red !important;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/运费模板.css
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/css/运费模板.css
@@ -0,0 +1,77 @@
+
+body{
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+.head{
+    width: 100%;
+    height:.9rem;
+    font-size: 0.34rem;
+    color: #333333;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 0.3rem;
+    box-sizing: border-box;
+}
+.head img{
+    width: 0.19rem;
+	height: 0.34rem;
+}
+.title{
+    width: 100%;
+    height: 1rem;
+    font-size: 0.24rem;
+    color: #aaaaaa;
+    display: flex;
+    align-items: center; 
+    padding-left: 0.34rem;
+    box-sizing: border-box;
+}
+.content{
+    width: 100%;
+    flex: 1;
+    background: #f2f2f2;
+}
+.list{
+    color: #000000;
+    background: #fff;
+}
+.list li{
+    height: 0.87rem;
+    display: flex;
+    align-items: center;
+    position: relative;
+    padding-left:0.31rem ;
+    border-bottom: 0.02rem solid #dcdcdf;
+    box-sizing: border-box;
+}
+.list .list_car{
+    font-size: 0.3rem;
+}
+.list  .list_set{
+    font-size: 0.28rem;
+    position: absolute;
+    right: 0.36rem;
+}
+.list .list_car img{
+    width: 0.42rem;
+	height: 0.36rem;
+    margin-right: 0.36rem;
+}
+.list .list_set img:first-child{
+    width: 0.36rem;
+	height: 0.36rem;
+    margin-right: 0.08rem;
+}
+.list .list_set img:last-child{
+    width: 0.13rem;
+	height: 0.24rem;
+    margin-left: 0.29rem;
+}
+.list .list_car,
+.list  .list_set{
+    display: flex;
+    align-items:center;
+}
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/freight.html
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/freight.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>freight</title>
+    <script type="text/javascript">
+        (function (w, d) {
+            function setSize() {
+                // 获取屏幕的宽度 375px
+                var screenWidth = d.documentElement.clientWidth;
+
+                // 根据规则计算  html 的font-size数值
+                var currentFontSize = screenWidth * 100 / 750;
+
+                // 修改html上的font-size
+                d.documentElement.style.fontSize = currentFontSize + 'px';
+            }
+            w.addEventListener('resize', setSize);
+            w.addEventListener('pageShow', setSize)
+            w.addEventListener('DOMContentLoaded', setSize)
+        })(window, document)
+    </script>
+      
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <link rel="stylesheet" href="./css/clear.css">
+      <link rel="stylesheet" href="./css/public.css">
+      <link rel="stylesheet" href="./css/freight.css">
+</head>
+</html>
+<body>
+    <div class="head">
+        <img src="./img/左.png" alt="">
+        <div class="head_title">运费模板</div>
+        <div></div>
+    </div>
+    <div class="content">
+        <div class=" content_title">请选择运送方式</div>
+        <ul class="list">
+            <li>
+                <div class="list_left">
+                    <img src="./img/运费模板.png" alt="">
+                    <span>货运</span>
+                </div>
+                <div class="list_right">
+                    <img src="./img/./对勾.png" alt="">
+                    <span>已设置</span>
+                    <img src="./img/-e-右.png" alt="">
+                </div>
+            </li>
+            <li>
+                <div class="list_left">
+                    <img src="./img/-e-快递.png" alt="">
+                    <span>货运</span>
+                </div>
+                <div class="list_right">
+                    <img src="./img/./-e-灰色对勾.png" alt="">
+                    <span>未设置</span>
+                    <img src="./img/-e-右.png" alt="">
+                </div>
+            </li>
+            <li>
+                <div class="list_left">
+                    <img src="./img/-e-EMS.png" alt="">
+                    <span>货运</span>
+                </div>
+                <div class="list_right">
+                    <img src="./img/./对勾.png" alt="">
+                    <span>已设置</span>
+                    <img src="./img/-e-右.png" alt="">
+                </div>
+            </li>
+        </ul>
+    </div>
+</body>
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-EMS.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-EMS.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-右.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-右.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-头像拷贝.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-头像拷贝.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-快递.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-快递.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-灰色对勾.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-灰色对勾.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-货运.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/-e-货运.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/1拷贝.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/1拷贝.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/优惠券.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/优惠券.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/右.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/右.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/商品.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/商品.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/图层1.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/图层1.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/对勾.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/对勾.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/左.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/左.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/店铺.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/店铺.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/店铺头像.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/店铺头像.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/店铺预览.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/店铺预览.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/拼团.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/拼团.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/数据.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/数据.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/朋友圈.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/朋友圈.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/消息拷贝.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/消息拷贝.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/直播.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/直播.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/秒杀02.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/秒杀02.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/积分.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/积分.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/粉丝.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/粉丝.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/营业中拷贝.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/营业中拷贝.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/营业执照.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/营业执照.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/视频拷贝.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/视频拷贝.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/订单.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/订单.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/设置.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/设置.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/资金.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/资金.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/身份证.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/身份证.png
--- a/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/运费模板.png
+++ b/历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-17/作业/img/运费模板.png
--- a/Show More
+++ b/Show More