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

14
历届学生/fontendseven/项目练习/个人练习/百度阅读/css/clear.css Normal file
View File

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

177
历届学生/fontendseven/项目练习/个人练习/百度阅读/css/index.css Normal file
View File

@@ -0,0 +1,177 @@
.header{
height: 32px;
width: 100%;
margin-bottom: 15px;
padding-top: 30px;
border-bottom: 1px solid #58bd5a;
}
.header ul{
height: 100%;
float: left;
}
.header ul li{
float: left;
}
.header ul li a{
padding: 0 35px;
font-size: 16px;
}
.header .bookshelf{
float: right;
margin-right: 50px;
}
.header .bookshelf i{}
.header .bookshelf span{}
.logo{
/* padding-left: 10px; */
}
.center{
}
.center img{
height: 280px;
margin-left: 55px;
}
.hundreds{
width: 1090px;
margin: 0 auto;
overflow: hidden;
/* height: 80px; */
box-sizing: border-box;
margin-bottom: 30px;
}
.hundreds>span{
font-size: 16px;
color: #555;
/* vertical-align: top; */
font-weight: 700;
float: left;
padding: 22px 10px 0 0;
}
.hundreds ul{
overflow: hidden;
padding-left: 10px;
box-sizing: border-box;
float: left;
}
.hundreds ul li{
float: left;
margin: 19px 10px 0 0;
height: 32px;
line-height: 30px;
}
.hundreds ul li a{
font-size: 16px;
padding: 3px 15px;
border: 1px solid #d3d3d3;
border-radius: 6px;
}
.hundreds_right{
float: right;
box-sizing: border-box;
margin-top: 25px;
}
.hundreds_right span{
color: #666;
text-decoration: none;
font-size: 14px;
padding-left: 10px;
vertical-align: top;
margin-top: 21px;
}
.hundreds_right i{}
.menu{
width: 1090px;
margin: 0 auto;
overflow: hidden;
}
.menu li{
float: left;
}
.menu li a{}
.menu li a img{
border-radius: 4px;
margin-left: 20px;
}
.mod {
height: 100%;
}
.mod .hot{
width:1090px;
height: 100%;
margin: 0 auto;
box-sizing: border-box;
}
.mod .hot .hot_title{
width: 100%;
padding: 22px 0 5px;
text-align: center;
overflow: hidden;
margin-bottom: 15px;
}
.mod .hot .hot_title >span {
font-size: 24px;
color: #444;
font-weight: 400;
}
.mod .hot .hot_title .title_more{
float: right;
margin-right: 3px;
text-align: center;
margin-top: 7px;
}
.mod .hot .hot_title .title_more span{}
.mod .hot .hot_title .title_more i{}
.hot_title ul{
}
.details li{
float: left;
margin-right: 20px;
text-align: center;
height: 260px;
margin-left: 11px;
margin-bottom: 20px;
}
.details li img{
border-radius: 10px;
}
.details .if{
font-size: 16px;
color: #555;
margin-top: 10px;
margin-bottom: 10px;
}
.details .money{
color: #c97618;
font-size: 14px;
line-height: 23px;
}

21
历届学生/fontendseven/项目练习/个人练习/百度阅读/css/public.css Normal file
View File

@@ -0,0 +1,21 @@
/* 存放使用率高的css代码 */
.left {
float: left;
}
.right {
float: right;
}
.hidden {
overflow: hidden;
}
.center {
width: 1200px;
margin: 0 auto;
}

136
历届学生/fontendseven/项目练习/个人练习/百度阅读/index.html Normal file
View File

@@ -0,0 +1,136 @@
<!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/font_2919415_shmkzb0eo2l.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="logo center">
<div class="header">
<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>
</ul>
<div class="bookshelf">
<i class="iconfont icon-biaoqing"></i>
<span>我的书架</span>
</div>
</div>
</div>
<div class="content">
<div class="center">
<img src="https://wkstatic.bdimg.com/static/ydcore/yuedu_index/images/top_bg_907998c.png" class="img_left"
alt="">
<img src="https://edu-yuedu.bdimg.com/v1/RD/%E6%98%A5%E5%A4%8F/%E5%A4%A9%E8%B0%B4%E8%80%85720x285-1545014171754.jpg"
class="img_right" alt="">
</div>
<div class="hundreds ">
<span>分类</span>
<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>
<li><a href="">悬疑推理</a></li>
<li><a href="">市场营销</a></li>
</ul>
<div class="hundreds_right">
<span>更多</span>
<i class="iconfont icon-gengduo"></i>
</div>
</div>
<ul class="menu">
<li><a href=""><img
src="https://gss2.baidu.com/9rkZfyqpAA5D8sK8p9iCKT67gB5-reHg-_/v1/topic/bojizhuanqu315x150-1493704323337.jpg"
alt=""></a></li>
<li><a href=""><img src="https://gss2.baidu.com/9rkZfyqpAA5D8sK8p9iCKT67gB5-reHg-_/v1/topic/315X150duke.jpg"
alt=""></a></li>
<li><a href=""><img src="https://gss2.baidu.com/9rkZfyqpAA5D8sK8p9iCKT67gB5-reHg-_/v1/topic/315X150huazhang.jpg"
alt=""></a></li>
</ul>
<div class="mod">
<div class="hot">
<div class="hot_title">
<span>热门推荐</span>
<div class="title_more">
<span>更多</span>
<i class="iconfont icon-gengduo"></i>
</div>
</div>
<div>
<ul class="details">
<li>
<img src="https://wkphoto.cdn.bcebos.com/b17eca8065380cd708275a88a244ad345982819e.jpg@s_0,h_200,w_200"
alt="">
<p class="if">如果没有遇见你</p>
<p class="money">￥17.99</p>
</li>
<li>
<img src="https://wkphoto.cdn.bcebos.com/b17eca8065380cd708275a88a244ad345982819e.jpg@s_0,h_200,w_200"
alt="">
<p class="if">如果没有遇见你</p>
<p class="money">￥17.99</p>
</li>
<li>
<img src="https://wkphoto.cdn.bcebos.com/b17eca8065380cd708275a88a244ad345982819e.jpg@s_0,h_200,w_200"
alt="">
<p class="if">如果没有遇见你</p>
<p class="money">￥17.99</p>
</li>
<li>
<img src="https://wkphoto.cdn.bcebos.com/b17eca8065380cd708275a88a244ad345982819e.jpg@s_0,h_200,w_200"
alt="">
<p class="if">如果没有遇见你</p>
<p class="money">￥17.99</p>
</li>
<li>
<img src="https://wkphoto.cdn.bcebos.com/b17eca8065380cd708275a88a244ad345982819e.jpg@s_0,h_200,w_200"
alt="">
<p class="if">如果没有遇见你</p>
<p class="money">￥17.99</p>
</li>
<li>
<img src="https://wkphoto.cdn.bcebos.com/b17eca8065380cd708275a88a244ad345982819e.jpg@s_0,h_200,w_200"
alt="">
<p class="if">如果没有遇见你</p>
<p class="money">￥17.99</p>
</li>
<li>
<img src="https://wkphoto.cdn.bcebos.com/b17eca8065380cd708275a88a244ad345982819e.jpg@s_0,h_200,w_200"
alt="">
<p class="if">如果没有遇见你</p>
<p class="money">￥17.99</p>
</li>
<li>
<img src="https://wkphoto.cdn.bcebos.com/b17eca8065380cd708275a88a244ad345982819e.jpg@s_0,h_200,w_200"
alt="">
<p class="if">如果没有遇见你</p>
<p class="money">￥17.99</p>
</li>
<li>
<img src="https://wkphoto.cdn.bcebos.com/b17eca8065380cd708275a88a244ad345982819e.jpg@s_0,h_200,w_200"
alt="">
<p class="if">如果没有遇见你</p>
<p class="money">￥17.99</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer"></div>
</body>
</html>