bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.10/京东.html Normal file
View File

@@ -0,0 +1,90 @@
<!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_3888619_v16hmdbwua.css">
<style>
body,
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
.mian {
background-image: url(https://imgcps.jd.com/img-cubic/creative_server_cia_jdcloud/v2/2000366/53763144452/FocusFullshop/CkNqZnMvdDEvMjEzNjYxLzM4LzI1MzM2LzUxNTEyLzYzZTYyZjRhRmZlNTdiMzA2Lzg3MWFlNTZjMjUwNjhkYmIuanBnEgo5OTktdHlfMF8xMAE47ot6WIT2oaTIAQ/cr/s/q.jpg);
background-size: cover;
width: 590px;
height: 470px;
}
.mian {
position: relative;
}
.nav,
.mian ul {
position: absolute;
}
.nav {
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.nav i {
color: rgba(255, 255, 255, .8);
font-size: 20px;
}
.right {
float: right;
}
.left {
float: left;
}
.mian ul li {
float: left;
height: 10px;
width: 10px;
background-color: aliceblue;
border-radius: 100%;
margin-right: 4px;
}
.mian ul {
bottom: 20px;
left: 20px;
}
</style>
</head>
<body>
<div class="mian">
<div class="nav">
<i class="iconfont icon-gengduo-copy"></i>
<i class="iconfont icon-gengduo right"></i>
</div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>

25
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.10/赶集网/cainiao.css Normal file
View File

@@ -0,0 +1,25 @@
.main {
background: #96b97d;
width: 100%;
height: 38px;
}
.center {
width: 1280px;
height: 100%;
margin: 0 auto;
}
.main .center ul li {
float: left;
line-height: 38px;
margin-right: 20px;
}
.main .center ul li a {
color: #fff;
}
.main .center ul li a:hover {
color: #e3efd9;
}

9
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.10/赶集网/clear.css Normal file
View File

@@ -0,0 +1,9 @@
/* 清除浏览器默认样式的css代码 */
body,ul,input,li,a{
margin: 0;
padding: 0;
border: none;
outline: none;
list-style: none;
text-decoration: none;
}

135
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.10/赶集网/header.css Normal file
View File

@@ -0,0 +1,135 @@
.main {
height: 58px;
width: 100%;
background-color: #ffffff;
}
.main .center {
width: 1190px;
margin: 0 auto;
height: 58px;
}
.logo img {
width: 138.69px;
height: 42px;
padding-top: 8px;
}
.logo .city i {
font-size: 20px;
vertical-align: middle;
}
.logo .city .city_name {
font-size: 12px;
color: #333;
}
.logo .city a {
font-size: 12px;
color: #32be4a;
}
.logo .menu li {
float: left;
margin-right: 40px;
}
.logo .menu a {
color: #333;
}
.logo .menu li .after {
color: #32be4a;
font-weight: 700;
position: relative;
}
.logo .menu li .after::after {
background: #32be4a;
content: "";
width: 23px;
height: 3px;
position: absolute;
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
}
.logo .city,
.menu {
line-height: 58px;
}
.logo img,
.city {
margin-right: 50px;
}
.logo .city a {
margin-left: 10px;
}
.list li {
float: left;
margin-left: 40px;
line-height: 58px;
position: relative;
}
.list li a:hover .d_menu {
display: block;
}
.list li .icon-shouji {
font-size: 20px;
vertical-align: bottom;
}
.list li span {
color: #333;
font-size: 15px;
}
.list li .icon-xiala {
font-weight: 700;
}
.list li .d_menu {
padding: 18px 25px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
position: absolute;
top: 38px;
left: 50%;
transform: translateX(-50%);
display: none;
}
.list li .d_menu img {
width: 100px;
height: 100px;
}
.list li .d_menu .down {
color: #333;
font-size: 16px;
font-weight: 700;
text-align: center;
line-height: 10px;
}
.list li .d_menu .app {
color: #333;
font-weight: 400;
font-size: 14px;
text-align: center;
}

44
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.10/赶集网/index.css Normal file
View File

@@ -0,0 +1,44 @@
.main {
width: 716px;
height: 42px;
}
.search_f {
width: 600px;
height: 100%;
position: relative;
}
.search_f input {
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #39bc30;
box-sizing: border-box;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding-left: 40px;
}
.search_f img{
position: absolute;
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
padding-left: 15px;
}
.search_button {
width: 116px;
height: 100%;
background-color: #39bc30;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 42px;
text-align: center;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

24
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.10/赶集网/index.html Normal file
View File

@@ -0,0 +1,24 @@
<!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="./clear.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="./index.css">
</head>
<body>
<div class="main hidden">
<div class="search_f left">
<img src="./sousuo.png" alt="">
<input placeholder="请输入职位名称或公司" type="text">
</div>
<div class="search_button left">
搜索
</div>
</div>
</body>
</html>

17
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.10/赶集网/public.css Normal file
View File

@@ -0,0 +1,17 @@
/* 公共样式的css代码 */
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
.hidden {
overflow: hidden;
}
.reset {
line-height: 1;
}

BIN
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.10/赶集网/sousuo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

41
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.10/赶集网/菜鸟教程.html Normal file
View File

@@ -0,0 +1,41 @@
<!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>
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="./cainiao.css">
</head>
<body>
<div class="main">
<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>

73
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.10/赶集网/赶集网导航.html Normal file
View File

@@ -0,0 +1,73 @@
<!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="./clear.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="./header.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3888619_ecv5rpjc115.css">
</head>
<body>
<div class="main">
<div class="center">
<div class="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-zuobiao"></i>
<span class="city_name">合肥</span>
<a href="">[切换城市]</a>
</div>
<ul class="left menu">
<li>
<a class="after" href="">首页</a>
</li>
<li>
<a href="">职位</a>
</li>
<li>
<a href="">公司</a>
</li>
</ul>
</div>
<ul class="right list">
<li>
<a href="">
<i class="iconfont icon-shouji"></i>
<span>手机上赶集</span>
<i class="iconfont icon-xiala"></i>
<div class="d_menu">
<div class="down">扫码下载</div>
<div class="app">赶集直招APP</div>
<img src="https://img.58cdn.com.cn/arthurupload/hrg-fe/zp-ganji/pc/gj-qrcode-1.png" alt="">
</div>
</a>
</li>
<li>
<a href="">
<i class="iconfont icon-shouji"></i>
<span>我要找人</span>
<i class="iconfont icon-xiala"></i>
<div class="d_menu">
<div class="down">扫码下载</div>
<div class="app">赶集直招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>