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

0
历届学生/font-end-nine/项目练习/学生项目/冯文焌/2css练习和作业/css作业/baidu/baidu.css Normal file
View File

29
历届学生/font-end-nine/项目练习/学生项目/冯文焌/2css练习和作业/css作业/baidu/baidu.html Normal file
View File

@@ -0,0 +1,29 @@
<!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="./baidu.css">
</head>
<body>
<div class="title">
<!-- 左边 -->
<div class="title-l">
<img src="https://dss2.bdstatic.com/5bVYsj_p_tVS5dKfpU_Y_D3/res/r/image/2021-3-4/hao123%20logo.png">
</div>
<!-- 中间 -->
<div class="title-b"></div>
<!-- 右边 -->
<div class="title-r"></div>
</div>
</body>
</html>

20
历届学生/font-end-nine/项目练习/学生项目/冯文焌/2css练习和作业/css作业/baidu/clear.css Normal file
View File

@@ -0,0 +1,20 @@
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a{
text-decoration: none
}

10
历届学生/font-end-nine/项目练习/学生项目/冯文焌/2css练习和作业/css作业/baidu/public.css Normal file
View File

@@ -0,0 +1,10 @@
.left{
margin-right: 20px;
display: inline-block;
}
.right{
float: right;
}
.hidden{
overflow: hidden;
}

17
历届学生/font-end-nine/项目练习/学生项目/冯文焌/2css练习和作业/css作业/qq音乐/clear.css Normal file
View File

@@ -0,0 +1,17 @@
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
margin: 0;
padding: 0;
}
li {
list-style: none;
}

9
历届学生/font-end-nine/项目练习/学生项目/冯文焌/2css练习和作业/css作业/qq音乐/public.css Normal file
View File

@@ -0,0 +1,9 @@
.left{
float: left;
}
.right{
float: right;
}
.hidden{
overflow: hidden;
}

73
历届学生/font-end-nine/项目练习/学生项目/冯文焌/2css练习和作业/css作业/qq音乐/qq音乐.css Normal file
View File

@@ -0,0 +1,73 @@
.content {
background: #ccc;
}
.recommend {
color: #000;
font-size: 30px;
text-align: center;
line-height: 60px;
font-weight: 700;
}
.menu {
text-align: center;
color: #000;
padding: 30px;
}
.menu span{
margin-right: 30px;
cursor: pointer;
}
.menu span:hover{
color: yellow;
}
.menu span:first-child{
color: red;
}
.major{
background-color: white;
overflow: hidden;
width: 100%;
text-align: center;
padding-top: 50px;
}
.major img{
width: 224px;
height: 224px;
}
.major text{
font-size: 14px;
}
.major span{
font-size: 14px;
color: #ddd;
float: left;
}
.content .end{
background-color: white !important;
text-align: center;
padding-top: 26px;
padding-bottom: 20px;
padding-top: 20px;
}
.content .end li{
width: 12px;
height: 12px;
margin: 0 6px;
background: yellow;
display: inline-block;
border-radius: 50%;
cursor: pointer;
}
.content .end .active{
background: red !important;
}
.content .end li:hover{
background: blue!important;
}

99
历届学生/font-end-nine/项目练习/学生项目/冯文焌/2css练习和作业/css作业/qq音乐/qq音乐.html Normal file
View File

@@ -0,0 +1,99 @@
<!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="./qq音乐.css">
</head>
<body>
<!-- 全部 -->
<div class="content">
<!-- 歌单推荐 -->
<div class="recommend">
歌&nbsp; 单&nbsp; 推&nbsp; 荐
</div>
<!-- 菜单 -->
<div class="menu">
<ul>
<span>
为你推荐
</span>
<span>
英语
</span>
<span>
短视频热歌
</span>
<span>
经典
</span>
<span>
官方歌单
</span>
<span>
情歌
</span>
</ul>
</div>
<!-- 图片 -->
<div class="major hidden">
<div class="majora left">
<img
src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1">
<div class="text">
贺峻霖 | 少年十七未来山海共期
</div>
<span>播放量:43.6万</span>
</div>
<div class="majorb left">
<img
src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1">
<div class="text">
贺峻霖 | 少年十七未来山海共期
</div>
<span>播放量:43.6万</span>
</div>
<div class="majorc left">
<img
src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1">
<div class="text">
贺峻霖 | 少年十七未来山海共期
</div>
<span>播放量:43.6万</span>
</div>
<div class="majord left">
<img
src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1">
<div class="text">
贺峻霖 | 少年十七未来山海共期
</div>
<span>播放量:43.6万</span>
</div>
<div class="majore left">
<img
src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1">
<div class="text">
贺峻霖 | 少年十七未来山海共期
</div>
<span>播放量:43.6万</span>
</div>
</div>
<!-- 点点 -->
<div>
<ul class="end">
<li class="active"></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</body>
</html>