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

56
历届学生/fontendsix/项目练习/学生项目/王安民/10-20/24.html Normal file
View File

@@ -0,0 +1,56 @@
<!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>
</head>
<body>
<div>
<div>
<img src="" alt="">
<span>二十四小时热文</span>
</div>
<ul class="con">
<li class="tp">
<div>
<img src="" alt="">
<div>1</div>
</div>
<div>
<a>台风过后有剧毒</a>
<div>
<span>718万</span>
<span>阅读</span>
</div>
</div>
</li>
<li>
<div>2</div>
<div>
<a>台风过后有剧毒</a>
<div>
<span>236万</span>
<span>阅读</span>
</div>
</div>
</li>
<li>
<div>3</div>
<div>
<a>台风过后有剧毒</a>
<div>
<span>236万</span>
<span>阅读</span>
</div>
</div>
</li>
</ul>
</div>
</body>
</html>

115
历届学生/fontendsix/项目练习/学生项目/王安民/10-20/task1.html Normal file
View File

@@ -0,0 +1,115 @@
<!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>
</head>
<style>
ul {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
li {
width: 100px;
height: 30px;
background: rgba(170, 168, 165, 0.247);
margin-bottom: 5px;
text-align: center;
line-height: 30px;
}
ul {
position: relative;
}
.menu_list {
position: absolute;
background-color: cadetblue;
height: 135px;
width: 300px;
left: 100px;
top: 0px;
display: none;
}
li:hover .menu_list {
display:block
}
.menu_item {
padding: 2px;
}
</style>
<body>
<ul>
<li>首页
<div class="menu_list">
<div class="menu_item">
首页首页首页首页
</div>
<div class="menu_item">
首页首页首页首页
</div>
<div class="menu_item">
首页首页首页首页
</div>
<div class="menu_item">
首页首页首页首页
</div>
</div>
</li>
<li>HTML学习
<div class="menu_list">
<div class="menu_item">
HTML学习HTML学习HTML学习
</div>
<div class="menu_item">
HTML学习HTML学习HTML学习
</div>
<div class="menu_item">
HTML学习HTML学习HTML学习
</div>
<div class="menu_item">
HTML学习HTML学习HTML学习
</div>
</div>
</li>
<li>CSS学习
<div class="menu_list">
<div class="menu_item">
CSS学习CSS学习CSS学习
</div>
<div class="menu_item">
CSS学习CSS学习CSS学习
</div>
<div class="menu_item">
CSS学习CSS学习CSS学习
</div>
<div class="menu_item">
CSS学习CSS学习CSS学习
</div>
</div>
</li>
<li>JS学习
<div class="menu_list">
<div class="menu_item">
JS学习JS学习JS学习
</div>
<div class="menu_item">
JS学习JS学习JS学习
</div>
<div class="menu_item">
JS学习JS学习JS学习
</div>
<div class="menu_item">
JS学习JS学习JS学习
</div>
</div>
</li>
</ul>
</body>
</html>

88
历届学生/fontendsix/项目练习/学生项目/王安民/10-20/task2.html Normal file
View File

@@ -0,0 +1,88 @@
<!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="https://at.alicdn.com/t/font_2881065_kt2nregqrjm.css">
<style>
ul{
margin: 0;
padding: 0;
}
li {
list-style: none;
}
.con {
width: 319px;
height: 213px;
background: url(http://29e5534ea20a8.cdn.sohucs.com/c_zoom,h_213/c_cut,x_38,y_0,w_589,h_393/os/news/3f262081e8b625575d9d106a05a65aeb.jpg);
position: relative;
}
.turn {
width: 25px;
height: 25px;
background-color: rgba(68, 47, 47, 0.342);
text-align: center;
line-height: 25px;
border-radius: 50%;
position: absolute;
color: #ccc;
}
.left {
top: 70px;
left:10px;
}
.right {
top: 70px;
right: 10px;
}
p {
position: absolute;
bottom: 20px;
left: 20px;
color:#fff;
}
ul {
position: absolute;
bottom: 15px;
left: 50%;
transform: translate(-50%);
}
li {
width: 10px;
height: 10px;
background-color: #ccc;
border-radius: 50%;
float: left;
margin-right: 10px;
}
li:last-child {
margin-right: 0px;
}
li:nth-child(2) {
width: 25px;
border-radius: 6px;
background-color: #fdd000;
}
</style>
</head>
<body>
<div class="con">
<i class="iconfont icon-changyong_fanhui turn left"></i>
<i class="iconfont icon-fanye turn right"></i>
<p>猪肉价格降降降降降降降降降</p>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>