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

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/ax.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/huo (1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/ks.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/rm.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/sp.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/top.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 803 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/xx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 506 B

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/上传视频.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/搜索 (1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/钱包.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

535
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/ks.css Normal file
View File

@@ -0,0 +1,535 @@
*{
margin: 0;
padding:0;
}
li{
list-style: none;
}
.heard{
width: 100%;
height: 390px;
background: url(.//img/top.png) no-repeat;
}
.heard_bt{
width: 100%;
height: 70px;
position: fixed;
background: black;
}
.center2{
width:1126px;
height: 800px;
margin: 0 auto;
}
.center{
height:70px;
width:1126px;
margin: 0 auto;
line-height: 70px;
}
.center .center_lgt{
width: 81px;
height: 70px;
float: left;
}
.heardz_left{
float: left;
width:367px;
margin-left: 35px;
}
.heardz_left_li{
float: left;
color: #fff;
margin-right: 20px;
}
.heardz_left_li img{
float: right;
width: 20px;
height: 20px;
display: block;
margin-top: 28px;
}
.heard_sousu_left{
float: left;
}
.heard_sousu{
float: left;
line-height: 70px;
margin: 0 auto;
}
.heard_sousu_left input{
width: 260px;
height: 44px;
line-height: 44px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
background-color: #fff;
border: 1px solid #969696;
border-right: none;
box-sizing: border-box;
}
.heard_sousu_right{
float:left;
width:80px;
height:43px;
line-height:44px;
align-items: center;
background-color: red;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
margin-top: 15px;
padding:0 5px;
box-sizing: border-box;
}
.heard_sousu_right img{
width:20px;
height: 20px;
margin-right:4px;
line-height:15px ;
}
.heardz_right{
float: right;
margin: 10px 0;
box-sizing: border-box;
}
.heardz_right img{
margin: 0 auto;
width:20px;
height: 20px;
display: block;
margin-bottom: 10px;
margin-right: 15px;
}
.heardz_right li{
margin-top: 6px;
line-height: 0;
float: left;
width: 56px;
height: 50px;
margin-left:30px;
}
.list_two_t_text{
padding-top:0;
}
.heardz_right span{
font-size: 14px;
color: #fff;
}
.heardz_right .heardz_right_dl{
margin: 0 auto;
margin-left: 20px;
line-height:50px;
color: #fff;
width:84px;
height: 50px;
background-color: red;
border-radius:20px;
text-align: center;
}
.conten_sy{
width: 1125px;
height:780px;
}
.center_list{
width: 1126px;
height: 70px;
padding: 0 20px;
}
.center_li{
margin-top: 20px;
float: left;
width: 92px;
height: 40px;
margin-left:45px;
line-height: 40px;
font-weight: 600;
color: #000;
font-size:14px;
border-radius:20px;
text-align:center;
background: #969696;
}
.conten_lf{
float: left;
height: 755px;
width: 710px;
}
.conten_lfs{
height: 45px;
padding-top: 10px;
box-sizing: border-box;
}
.conten_lfsz{
float: left;
}
.conten_lfsy{
float: right;
}
.conten_lfsz_sp{
margin-right: 20px;
font-weight: bolder;
color: #111;
}
.conten_lfsz_gd,.center_sjl{
font-size: 13px;
color: #999;
}
.conten_lfxm{
width: 710px;
height: 730px;
}
.conten_lfxm_tuy{
width: 159.5px;
height:280px ;
}
.conten_lfxm_sp_tu img{
height: 14px;
width: 14px;
margin-right: 6px;
}
.conten_lfxm_sp_xih{
font-size: 13px;
color: #999;
}
.conten_lfxm_sp h5{
padding-top:10px;
}
.conten_lfxm_sp{
float: left;
margin-right:24px;
}
.conten_lfxm_sp:nth-child(4n){
margin-right:0px;
}
.conte_zxm_tp{
margin-top:48px;
}
.conten_rg{
overflow: hidden;
width: 400px;
float: right;
}
.conten_rg_xr{
background: rgb(161, 166, 167);
}
.header_right_rem_xl_t img{
width: 16px;
height: 16px;
}
.header_right_rem_xl_rmtp{
width:30px;
height:30px;
right:0px;
top: 20px;
}
.header_right_rem_xl_h{
line-height: 68px;
float: left;
display: block;
color: orange;
font-size: 25px;
margin: 0 10px;
}
.header_right_rem_xl{
width: 383px;
height: 70px;
position: relative;
border-bottom: 1px solid #969696;
}
.header_right_rem_xl_yedw{
float: left;
margin-bottom: 0px;
}
.header_right_rem_xl_rmtp img{
width:30px;
height:30px;
right:0px;
top: 20px;
position: absolute;
}
.header_right_rem_xl_p{
margin-top: 20px;
font-weight: 500;
max-width: 240px;
}
.header_right_rem_xl_t{
margin-top: 10px;
}
.header_right_rem_xl_rdy{
color: #999;
font-size: 13px;
}
/* /* *{
margin: 0;
padding:0;
}
li{
list-style: none;
}
.header_backimg{
width:100%;
position: relative;
}
.header_backimg img{
width:100%;
height: 360px;
position: absolute;
}
.header_ones{
width:100%;
height: 70px;
background-color:#000;
padding-left:120px;
padding-right:30px;
display: flex;
position: fixed;
z-index:9;
}
.list_one,.list_one_o{
display: flex;
align-items: center;
}
.header_ones img{
width: 162px ;
height: 70px ;
}
.list_one_o{
font-size: 14px;
color: #fff;
margin:0 15px;
}
.list_one_o img{
width:20px ;
height: 20px;
margin-left: 5px;
}
.search{
display: flex;
align-items: center;
margin-left:100px;
}
.search_left{
width: 260px;
height: 44px;
line-height: 44px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
background-color: #fff;
padding:0 14px;
box-sizing: border-box;
}
.search_right{
width: 80px;
height: 44px;
line-height: 44px;
display: flex;
align-items: center;
background-color: red;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
padding:0 5px;
box-sizing: border-box;
}
.search_right img{
width:20px;
height: 20px;
margin-right:4px;
}
.search_right span{
font-size:16px;
color: #fff;;
}
.list_two{
display: flex;
align-items: center;
margin-left:20px;
}
.list_two_t{
width:56px;
top:0;
transform: translateY(5%);
margin-right:20px;
}
.list_two_t img{
width:20px;
height: 20px;
display: block;
margin-left: 18px;
}
.list_two_t_text{
font-size:14px;
color: #fff !important;
}
.list_two_w{
width:84px;
height: 43px;
background-color: red;
border-radius:20px;
text-align: center;
line-height:43px;
color: #fff;
}
.center{
width:100%;
height: 500px;
position: absolute;
margin-top:400px;
}
.center_list{
display: flex;
align-items: center;
justify-content: space-around;
}
.center_list li{
width:92px;
height: 40px;
font-size:14px;
color:#000;
list-style: none;
border-radius:20px;
background-color:#dad2d2;
text-align: center;
line-height:40px;
}
.center_left{
margin-top: 50px;
margin-left:30px;
width: 710px;
}
.center_left_gd{
font-size: 13px;
color: #999;
}
.center_left_s{
width:680px;
}
.center_left_s .center_jc{
padding-right:20px;
font-weight: bolder;
font-size: 18px;
font-weight: bolder;
color: #111;
}
.center_sj{
float: right;
}
.center_sjl{
padding-left:20px;
font-size: 13px;
color: #999;
}
.center_jcds{
display: flex;
height:330px;
margin-top: 15px;
width: 710px;
}
.center_jcds_tu{
margin-right: 24px;
width: 159.5px;
height:110px ;
box-sizing: border-box;
}
.center_jcds_tu img{
width: 100%;
height: 263px;
border-radius: 6px
}
.center_jcds_tu h5{
margin: 0;
color: #111;
padding-top: 15px;
}
.center_jcds_tu_xh{
font-size: 13px;
color: #999;
}
.center_jcds_tu_z img{
height: 14px;
width: 14px;
margin-right: 6px;
}
.center_jcds_tu_z{
padding-top:3px;
}
.header_right{
width: 416px;
float: right;
padding: 0 16.5px;
margin-top:-720px;
margin-right: 70px;
}
.center_left_sk{
width: 450px;
}
.header_right_rem{
margin-right: 50px;
width: 416px;
margin-top: 20px;
padding: 0 20px;
background: #dad2d2;
}
.header_right_rem_xl{
width: 383px;
height: 68px;
border-bottom: 1px solid #969696;
}
.header_right_rem_xl_h{
line-height: 68px;
float: left;
display: block;
color: orange;
font-size: 25.6px;
margin-right: 5.6px;
}
.header_right_rem_xl_p{
margin-top: 20px;
font-weight: 500;
max-width: 240px;
line-height: 15.6px;
}
.header_right_rem_xl_t img{
margin-top: 10px;
width: 16px;
height: 16px;
}
.header_right_rem_xl_rdy{
color: #999;
font-size: 13px;
}
.header_right_rem_xl_rmtp{
position: relative;
}
.header_right_rem_xl_rmtp img{
position: absolute;
width:30px;
height:30px;
right:0px;
top: 20px;
}
.header_right_rem_xl_yedw{
float: left;
} * */

252
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/ks.html Normal file
View File

@@ -0,0 +1,252 @@
<!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="./ks.css">
<link rel="stylesheet" href="http//at.alicdn.com/t/font_2882869_ykb64gbuupf.css">
</head>
<body>
<div class="heard">
<div class="heard_bt">
<div class="center">
<img class="center_lgt" src="../ks/img/ks.png" alt="">
<ul class="heardz_left">
<li class="heardz_left_li">我的关注</li>
<li class="heardz_left_li">我的关注</li>
<li class="heardz_left_li">我的关注<img src="../ks/img/xx.png" alt=""></li>
</ul>
<div class="heard_sousu">
<div class="heard_sousu_left">
<input type="text" value="" placeholder="输入你想输入的neir">
</div>
<div class="heard_sousu_right">
<img src="../ks/img/搜索 (1).png" alt="">
<span>搜索</span>
</div>
</div>
<ul class="heardz_right">
<li>
<img src="../ks/img/上传视频.png" alt="">
<span class="list_two_t_text">上传视频</span>
</li>
<li>
<img src="../ks/img/上传视频.png" alt="">
<span class="list_two_t_text">上传视频</span>
</li>
<li class="heardz_right_dl">登录</li>
</ul>
</div>
</div>
</div>
<div class="conten center2">
<ul class="center_list">
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
</ul>
<div class="conten_sy">
<div class="conten_lf">
<div class="conten_lfs">
<div class="conten_lfsz">
<span class="conten_lfsz_sp">精彩视频</span>
<span class="conten_lfsz_gd">更多></span>
</div>
<div class="conten_lfsy">
<span class="center_sjl"> &lt;</span>
<span class="center_sjl">1/15</span>
<span class="center_sjl">&gt;</span>
</div>
</div>
<ul class="conten_lfxm">
<li class="conten_lfxm_sp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp conte_zxm_tp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp conte_zxm_tp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp conte_zxm_tp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp conte_zxm_tp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
</ul>
</div>
<div class="conten_rg">
<div class="conten_lfs">
<div class="conten_lfsz">
<span class="conten_lfsz_sp">快手热榜</span>
</div>
<div class="conten_lfsy">
<span class="center_sjl"> &lt;</span>
<span class="center_sjl">1/15</span>
<span class="center_sjl">&gt;</span>
</div>
</div>
<ul class="conten_rg_xr">
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>