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

25
历届学生/front-end-team-11/项目开发/上课项目/豆丁网/box.html Normal file
View File

@@ -0,0 +1,25 @@
<!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>
<style>
* {
margin: 0;
padding: 0;
}
.box {
width: 200px;
height: 200px;
border: 10px solid #000;
padding: 10px;
background: red;
}
</style>
</head>
<body>
<div class="box">你好</div>
</body>
</html>

14
历届学生/front-end-team-11/项目开发/上课项目/豆丁网/css/clear.css Normal file
View File

@@ -0,0 +1,14 @@
body,ul,p,h1,h2,h3,h4,h5,h6,a {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}
html {
/* font-size: 50px; */
}
body {
font-size: 0;
}

461
历届学生/front-end-team-11/项目开发/上课项目/豆丁网/css/index.css Normal file
View File

@@ -0,0 +1,461 @@
.header {}
.header .header_top{}
.header .header_top .tips{
font-size: 16px;
color: #666;
font-weight: 200;
text-align: center;
margin: 7px 0;
}
.header .header_top .tips .no_tips{
border: 1px solid #bfbfbf;
height: 21px;
line-height: 19px;
width: 64px;
padding: 0 7px;
border-radius: 3px;
color: #333;
display: inline-block;
box-sizing: border-box;
font-size: 12px;
}
.header .header_top .tips span{
color: #00be00;
}
.header .header_top .logo{
height: 70px;
line-height: 70px;
}
.header .header_top .logo ul{}
.header .header_top .logo ul li{
font-size: 16px;
color: #373737;
float: left;
padding-left: 17px;
}
.header .header_top .logo img{}
.header .header_top .logo .search{
width: 646px;
margin-left: 89px;
}
.header .header_top .logo .search input{
font-size: 16px;
width: 558px;
height: 40px;
background: #eee url("https://st.douding.cn/images_cn/nav/ico_input_search.svg");
border-radius: 4px;
border: 2px solid #eee;
background-repeat: no-repeat;
background-position: 530px center;
padding-left: 14px;
box-sizing: border-box;
outline-color: red;
}
.header .header_top .logo .search .help{
color: #a9a9a9;
padding-left: 17px;
display: inline-block;
font-size: 12px;
}
.header .header_menu{
background-color: #325da7;
height: 82px;
}
.header .header_menu .menu{
padding-top: 16px;
}
.header .header_menu .menu li{
float: left;
position: relative;
margin-right: 26px;
}
.header .header_menu .menu li:last-child::after{
width: 0px !important;
}
.header .header_menu .menu li::after{
content: "";
width: 1px;
height: 43px;
background: #5f7fb7;
position: absolute;
right: 0;
top: 1px;
}
.header .header_menu .menu li:nth-child(1){
width: 222px;
}
.header .header_menu .menu li:nth-child(2){
width: 210px;
}
.header .header_menu .menu li:nth-child(3){
width: 401.148px;
}
.header .header_menu .menu li a{
color: #fff;
font-size: 15px;
margin-bottom: 10px;
width: 50px;
display: inline-block;
}
.header .header_menu .upload{
padding-top: 17px;
}
.header .header_menu .upload li {
float: left;
text-align: center;
position: relative;
}
.header .header_menu .upload li:first-child::after {
content: "";
position: absolute;
width: 1px;
height: 14px;
background: #5c81c0;
top: 10px;
right: -12.5px;
}
.header .header_menu .upload li:first-child {
margin-right: 12px;
}
.header .header_menu .upload li:last-child {
margin-left: 12px;
}
.header .header_menu .upload li img{
margin-bottom: 8px;
height: 24px;
}
.header .header_menu .upload li p{
color: #ffeb8d;
font-size: 13px;
}
.welcome {
height: 178px;
background: #2c7bc8 url("https://st.douding.cn/images_cn/nav/docin_index_top_bg.jpg") 50% no-repeat;
}
.welcome .no_tips{
right: 0;
top: 9px;
}
.welcome .no_tips span{
padding: 0 6px;
height: 19px;
line-height: 20px;
border: 1px solid #2a6fb1;
display: inline-block;
border-radius: 2px;
margin-right: 10px;
font-size: 12px;
color: #fff;
}
.welcome .no_tips .close{
font-size: 12px;
color: #fff;
display: inline-block;
}
.welcome .title{
color: #fff;
padding-top: 38px;
font-size: 40px;
margin-bottom: 20px;
}
.welcome .title span:first-child{
font-size: 24px;
}
.welcome .title span:last-child{
font-size: 26px;
}
.welcome .desc {
font-size: 16px;
color: #fff;
margin-bottom: 6px;
}
.welcome .desc span,
.welcome .last span{
color: #fff9b5;
}
.welcome .last{
color: #fff;
font-size: 14px;
}
.doc_type{
height: 275.4px;
margin-top: 20px;
overflow: hidden;
}
.doc_type .doc_type_left{
width: 813.4px;
height: 274.4px;
background-color: #fff;
border: 1px solid #e1e1e1;
}
.doc_type .doc_type_right{
width: 298.4px;
height: 274.4px;
border: 1px solid #e1e1e1;
}
.doc_type .doc_type_left .shang{
height: 40.8px;
line-height: 40px;
background-color: #f1f1f1;
padding: 0 14px;
font-size: 18px;
font-weight: 400;
border-bottom: 1px solid #e1e1e1;
overflow: hidden;
}
.doc_type .doc_type_left .shang a{
color: #069;
font-size: 12px;
height: 16px;
}
.doc_type .doc_type_left .shang div i{
font-size: 19px;
vertical-align: middle;
color: #069;
}
.doc_type .doc_type_left ul{
font-size: 14px;
color: #4c4c4c;
overflow: hidden;
box-sizing: border-box;
margin-left: 15px;
}
.doc_type .doc_type_left ul li i{
font-size: 13px;
margin-right: 4px;
}
.doc_type .doc_type_left ul li{
vertical-align: middle;
float: left;
padding: 10px 0 9px;
margin-right: 10px;
display: inline;
height: 20px;
line-height: 20px;
white-space: nowrap;
width: 184px;
}
.doc_type_right .suw{
height: 41.6px;
background-color: antiquewhite;
}
.doc_type_right .suw a{
width: 149.2px;
height: 41.6px;
font-size: 18px;
display: inline-block;
text-align: center;
line-height: 41.6px;
}
.doc_type_right .suw a:nth-child(1){
background-color: #fff;
font-weight: 700;
}
.doc_type_right .suw a:nth-child(2){
background-color: #e0e0e0;
}
.doc_type_right .suw1{
width: 252.6px;
height: 232.4px;
margin: auto;
}
.doc_type_right .suw1 input{
width: 242px;
height:18px;
font-size:14px;
padding: 9px 4.5px;
outline-color: rgb(85, 202, 143);
margin-top: 15px;
border: 1px solid #a9a9a9;
}
.doc_type_right .suw1 .suw1_s{
height: 19.4px;
width: 252.6px;
margin-top: 10px;
overflow: hidden;
font-size: 12px;
}
.doc_type_right .suw1 .suw1_s div a{
font-size: 12px;
zoom: 0.8;
color: #2c7bc8;
}
.doc_type_right .suw1 .suw1_s div a:nth-child(1){
border-right: 1px solid #000;
}
.doc_type_right .suw1 button{
width: 116.3px;
height: 28px;
font-weight: 800;
color: #fff;
border: none;
}
.bt1{
background-color: #3086f2;
}
.bt{
background-color: #00be00;
margin-left: 20px;
}
/**/
.bt span{
vertical-align: middle;
}
.suw1_s1{
height: 35px;
margin-top: 20px;
font-size: 12px;
}
.suw1_s1 ul li{
float: left;
width: 62.15px;
text-align: center;
border-right: 1px solid #000;
}
.suw1_s1 ul li:nth-child(4){
border-right: none;
}
.suw1_s1 li .qqq{
font-size: 12px;
}
/************************/
.read_title{
height: 30.24px;
margin-top: 22px;
font-size: 15px;
overflow: hidden;
line-height: 30.24px;
}
.read_title_q{
font-size: 20px;
}
.read_title_q a{
font-size: 17px;
}
.read_title_q i{
font-size: 20px;
margin-right: 10px;
}
.read_title_q1 a{
font-size: 18px;
color: #2c7bc8;
}
.read_title_q1 i{
font-size: 20px;
margin-right: -6px;
}
/**/
.build{
height: 230.8px;
background-color: #fff;
margin-top: 22px;
border: 1px solid #a9a9a9;
}
.build .build_w{
height: 44.8px;
font-size: 20px;
line-height:44.8px;;
}
.build_w_r{
font-size: 21px;
margin-left: 20px;
}
.build_w_r1{
font-size: 13px;
color: #3086f2;
margin-right: 20px;
}
.build_w1{
height: 186px;
overflow: hidden;
}
.build_z{
width: 708.75px;
height: 186px;
margin-left: 20px;
overflow: hidden;
}
.build_y{
width: 338.51px;
margin-right: 20px;
}
.build_z img{
width: 301.6px;
height: 161.6px;
margin-right: 10px;
}
.build_z_w{
font-size: 16px;
}
.build_z_w div{
width: 68px;
height: 20px;
background-color: #00be00;
text-align: center;
font-size: 12px;
line-height: 20px;
border-radius: 3px;
margin-right: 10px;
}
.build_z_w1{
width: 387.75px;
font-size: 12px;
margin-top: 10px;
overflow: hidden;
}
.build_z_w1 li{
font-size: 12px;
float: left;
width: 188.875px;
margin-top: 11px;
}
.build_z_w1 li:nth-child(odd){
border-right:1px solid #5a4c4c;
margin-right: 9px;
}
.build_zq{
width: 387.75px;
height: 80px;
}
.build_y_d{
height: 26.8px;
font-size: 15px;
line-height: 26.8px;
border-bottom: 1px dashed #666;
margin-bottom: 6px;
}
.build_y ul{
font-size: 12px
}
.build_y ul li{
margin-bottom: 8px;
}
.build_y ul li i{
margin-right: 10px;
color: red;
font-size: 17px
}

24
历届学生/front-end-team-11/项目开发/上课项目/豆丁网/css/public.css Normal file
View File

@@ -0,0 +1,24 @@
.left {
float: left;
}
.right {
float: right;
}
.hidden{
overflow: hidden;
}
.center {
width: 1130px;
margin: 0 auto;
}
.xcenter {
text-align: center;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}

229
历届学生/front-end-team-11/项目开发/上课项目/豆丁网/index.html Normal file
View File

@@ -0,0 +1,229 @@
<!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_4038949_3h72fhohgyw.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="header">
<div class="header_top">
<div class="tips">
常来豆丁浏览或分享文档吗？ 把豆丁<span>加入收藏夹</span> 呗 !
<div class="no_tips">不再提示</div>
</div>
<div class="logo">
<div class="center hidden">
<img class="left" src="https://st.douding.cn/images_cn/logo/logo_195_58.png" alt="">
<div class="search left">
<input type="text" placeholder="在八亿文档库里搜索文档...">
<div class="help">帮助</div>
</div>
<ul class="right">
<li>
登录
</li>
<li>
注册
</li>
</ul>
</div>
</div>
</div>
<div class="header_menu">
<div class="center hidden">
<ul class="menu left">
<li>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
</li>
<li>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
</li>
<li>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
<a href="">创业</a>
</li>
</ul>
<ul class="upload right">
<li>
<img src="https://st.douding.cn/images_cn/nav/ico_banner_upload.svg" alt="">
<p>我要上传</p>
</li>
<li>
<img src="https://st.douding.cn/images_cn/nav/ico_banner_cloud.svg" alt="">
<p>豆丁书房</p>
</li>
</ul>
</div>
</div>
</div>
<div class="content">
<div class="welcome">
<div class="xcenter center relative">
<div class="no_tips absolute">
<span>不再提示</span>
<div class="close">x</div>
</div>
<div class="title">欢迎来豆丁网
<span> —— </span>
<span>面向全球的C2C中文文档分享平台。</span>
</div>
<div class="desc">这里有超过八亿份的<span>应用文档</span>和<span>书刊</span>，帮助你进行学习及实践；</div>
<div class="last">快来体验<span>“豆丁书房”</span>，把你想学的东西<span>同步到手机、iPad</span>上，随时随地，专注于你的个人成长！</div>
</div>
</div>
<div class="doc_type center">
<div class="doc_type_left left" >
<div class="shang">
<span class="left">文档分类</span>
<div class="right"><a>更多</a><i class="iconfont icon-gengduo"></i></div>
</div>
<ul>
<li><i class="iconfont icon-jia"></i><a>幼儿/小学教育</a></li>
<li><i class="iconfont icon-jia"></i><a>中学教育</a></li>
<li><i class="iconfont icon-jia"></i><a>高等教育</a></li>
<li><i class="iconfont icon-jia"></i><a>研究生考试</a></li>
<li><i class="iconfont icon-jia"></i><a>幼儿/小学教育</a></li>
<li><i class="iconfont icon-jia"></i><a>中学教育</a></li>
<li><i class="iconfont icon-jia"></i><a>高等教育</a></li>
<li><i class="iconfont icon-jia"></i><a>研究生考试</a></li>
<li><i class="iconfont icon-jia"></i><a>幼儿/小学教育</a></li>
<li><i class="iconfont icon-jia"></i><a>中学教育</a></li>
<li><i class="iconfont icon-jia"></i><a>高等教育</a></li>
<li><i class="iconfont icon-jia"></i><a>研究生考试</a></li>
<li><i class="iconfont icon-jia"></i><a>幼儿/小学教育</a></li>
<li><i class="iconfont icon-jia"></i><a>中学教育</a></li>
<li><i class="iconfont icon-jia"></i><a>高等教育</a></li>
<li><i class="iconfont icon-jia"></i><a>研究生考试</a></li>
<li><i class="iconfont icon-jia"></i><a>幼儿/小学教育</a></li>
<li><i class="iconfont icon-jia"></i><a>中学教育</a></li>
<li><i class="iconfont icon-jia"></i><a>高等教育</a></li>
<li><i class="iconfont icon-jia"></i><a>研究生考试</a></li>
</ul>
</div>
<div class="doc_type_right right" >
<div class="suw">
<a>登录</a>
<a>注册</a>
</div>
<div class="suw1">
<input type="text" placeholder="用户名/邮箱/手机号" >
<input type="password" placeholder="登录密码" >
<div class="suw1_s">
<div class="right">
<a>忘记密码？</a>
<a>立即注册</a>
</div>
</div>
<button class="bt1">QQ登录</button><button class="bt"><i class="iconfont icon-weixin" style="vertical-align: middle"></i><span>微信登录</span></button>
<div class="suw1_s1">
<ul>
<li><i class="iconfont icon-qq"></i><span>QQ</span></li>
<li><i class="iconfont icon-weibo"></i><span>微博</span></li>
<li><i class="iconfont icon-zhifubaozhifu"></i><span>支付宝</span></li>
<li><span>更多</span><i class="iconfont icon-gengduo1 qqq"></i><i class="iconfont icon-gengduo1 qqq"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="read_title center">
<div class="left read_title_q">
<i class="iconfont icon-xianxingmofang"></i>豆丁订阅<a>（这是什么？）</a>
</div>
<div class="right read_title_q1">
<i class="iconfont icon-shezhi"> </i><a>订阅你的兴趣标签</a>
</div>
</div>
<div class="build center">
<div class="build_w hidden">
<div class="left build_w_r">
<a>建筑</a>
<i class="iconfont icon-zhifubaozhifu"></i>
</div>
<div class="right build_w_r1">更多<i class="iconfont icon-gengduo"></i></div>
</div>
<div class="build_w1">
<div class="build_z left">
<img class="left" src="https://st.douding.cn/upload/build_recommend/1/2023/4/25/9/1682385905617.jpg">
<ul class="left ">
<li class="build_zq">
<div class="build_z_w">
<div class="left">建筑设计</div>
<a class="left">北京中关村论坛永久会址/MAD马岩松新做</a>
</div>
<ul class="build_z_w1">
<li>370m洋房别墅极简私宅美好...</li>
<li>金湾华发国际商务中心/10 Disgn</li>
<li>云上舞者：深圳帝豪金融大厦/P...</li>
<li>西宁市群众文化艺动交流中心...</li>
</ul>
</li>
<li class="build_zq" style="margin-top: 3px;">
<div class="build_z_w">
<div class="left">建筑设计</div>
<a class="left">北京中关村论坛永久会址/MAD马岩松新做</a>
</div>
<ul class="build_z_w1">
<li>370m洋房别墅极简私宅美好...</li>
<li>金湾华发国际商务中心/10 Disgn</li>
<li>云上舞者：深圳帝豪金融大厦/P...</li>
<li>西宁市群众文化艺动交流中心...</li>
</ul>
</li>
</ul>
</div>
<div class="build_y right">
<div class="build_y_d">
精品资料
</div>
<ul>
<li><i class="iconfont icon-zhifubaozhifu"></i><a>方案深圳多地块项目规划设计汇报文件（含别墅，洋房...</a></li>
<li><i class="iconfont icon-zhifubaozhifu"></i><a>方案深圳多地块项目规划设计汇报文件（含别墅，洋房...</a></li>
<li><i class="iconfont icon-zhifubaozhifu"></i><a>方案深圳多地块项目规划设计汇报文件（含别墅，洋房...</a></li>
<li><i class="iconfont icon-zhifubaozhifu"></i><a>方案深圳多地块项目规划设计汇报文件（含别墅，洋房...</a></li>
<li><i class="iconfont icon-zhifubaozhifu"></i><a>方案深圳多地块项目规划设计汇报文件（含别墅，洋房...</a></li>
</ul>
</ul>
</ul>
</ul>
</ul>
</div>
</div>
</div>
<div style="height: 200px;"></div>
</div>
</body>
</html>

5
历届学生/front-end-team-11/项目开发/上课项目/豆丁网/笔记.txt Normal file
View File

@@ -0,0 +1,5 @@
当子元素设置float后，父元素将没有高度
解决：
1: 手动设置高度
2: overflow: hidden;