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

10
历届学生/逯帅帅/项目开发/学生项目/谢文军/小米官网/css/clear.css Normal file
View File

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

127
历届学生/逯帅帅/项目开发/学生项目/谢文军/小米官网/css/index.css Normal file
View File

@@ -0,0 +1,127 @@
.iconfont{
margin-right: 4px;
font-size: 20px;
line-height: 20px;
vertical-align: -1px;
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.header{
height: 40px;
color: #b0b0b0;
background: #333;
line-height: 40px;
}
.herdd li,
.herdc li,
.content li{
display: inline-block;
}
.header a{
color:#b0b0b0;
}
.header .herdd li a::after,
.herdc li:nth-child(-n+3) a::after{
content: "";
width: 1.6px;
height: 16px;
background: #424242;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0 7px;
}
.header .herdd li a,
.header .herdc li:nth-child(-n+3) a
{
position: relative;
margin-right: 10px;
}
.header .herdd li:last-child a::after,
.herdc li:nth-child(3) a::after{
content: ;
position: static;
}
.herdc li:last-child{
width: 120px;
height: 40px;
color: #b0b0b0;
background: #424242;
text-align: center;
position: relative;
}
.herdc li:last-child .aaa{
width: 316px;
height: 0;
color: #424242;
box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
background: #fff;
position: absolute;
right: 0;
line-height: 100px;
font-size: 12px;
transition: height .3s;
}
.herdc li:last-child:hover span {
display: block;
}
.herdc li:last-child:hover .aaa {
height: 100px;
}
.herdc li:last-child span{
display: none;
transition: all 1s ease 3s;
}
.search {
margin-top: 25px;
overflow: hidden;
}
.search .logo {
width: 55px;
height: 55px;
background: #ff6700 url("../img/mi-logo.png");
background-position: center;
}
.search ul {
margin-left: 187px;
height: 55px;
line-height: 55px;
}
.search ul li {
float: left;
padding: 0 10px;
}
.search ul li a{
color: #333;
}
.search .bbb {
width: 296px;
height: 50px;
border: 1px solid #e0e0e0;
}
.search .bbb input{
width: 245px;
height: 48px;
border: none;
outline: none;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
border-right: 1px solid #e0e0e0;
}
.search .ccc {
width: 51px;
height: 48px;
text-align: center;
line-height: 48px;
}
.search .ccc:hover {
background: #ff6700;
}
.search .ccc:hover i {
color: #fff;
}

14
历届学生/逯帅帅/项目开发/学生项目/谢文军/小米官网/css/public.css Normal file
View File

@@ -0,0 +1,14 @@
.float_left {
float: left;
}
.float_right {
float: right;
}
.header_a{
width: 1323px;
margin: 0 auto;
}
.content{
margin: 25px;
}

132
历届学生/逯帅帅/项目开发/学生项目/谢文军/小米官网/demo.html Normal file
View File

@@ -0,0 +1,132 @@
<!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>css练习</title>
<style>
a {
font-size: 100px;
font-style: italic;
font-weight: 900;
font-family: cursive;
color: brown;
background: burlywood;
}
.lll{
font-size: 15px;
font-style: italic;
font-weight: 900;
font-family: cursive;
color: brown;
background: burlywood;
height: 120px;
width: 1100px;
line-height: 2;
}
.ppp{
text-indent: 50px;
}
button{
outline: none;
}
.qwe {
font-size: 50px;
letter-spacing: 13px;
text-shadow: #9e9e9e 19px 32px 2px;
color:red;
font-family: "FontName";
}
.dfg {
border-left: 10px solid yellow;
border-right: 10px solid #ff000000;
border-top: 10px solid #0000ff00;
border-bottom: 10px solid #00800000;
width: 0px;
height: 0px;
width: 0;
height: 0;}
ul li {
color: #9e9e9e;
}
a {
text-decoration: none;
}
body,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
@font-face {
font-family: "FontName";
src: url('tp.ttf') format('truetype');}
</style>
</head>
<body>
<a href="">那最帅的哥哥</a>
<p class="lll">周星驰得知吴孟达去世消息后，发声悼念，称“刚刚已经得知这个消息，虽然这段时间一直在关注吴孟达的病情，多少会有一些心理准备，但还是非常难过悲痛，不舍得。吴孟达的病情来得快，走得急。他是我那么多年的搭档和老友，现时我还无法接受。”
相关报道：
吴孟达患肝癌去世，希望他来世还能和周星驰一起拍电影
在喜剧电影史上，周星驰和吴孟达绝对是不可替代的黄金组合。
可惜，因为种种原因，两个人已经十八年没有再合作过。
之前，有人问吴孟达何时能再看到两人合作。
吴孟达说：“只要我没死，他没有退休，就有机会合作。”
可惜，现如今，随着吴孟达的突然离世，这一切永远不能再实现。
</p>
<p class="ppp">
在真实生活中，达叔也从不敷衍。他生前留下的最后一条微博写着“我是中国人”，令无数网友集体致敬。透过这短短五个字，人们读懂了他对国家朴素而自然的爱。
达叔是中国人，他对祖国的热爱，代表了香港同胞的主流价值观。观众缅怀和尊重达叔，不仅因为他演技精湛，更重要的是他有一颗干净、滚烫的爱国之心，正如有网友所称：“艺术无国界，艺术家有祖国。”
然而，就是这种最纯粹的爱国情感，居然也能戳中香港一些宵小之徒的痛处。吴孟达辞世后，个别人在香港社交媒体上竟无耻地恶语相向，泼脏水、贴标签，无所不用其极。此番操弄，再次暴露出他们逢中必反到了缺乏人性、没有底线的地步，对爱国者的仇视到了丧心病狂的地步。
</p>
<div class="qwe">
莫斯利安
</div>
<button>开始游戏</button>
<div class="asd"></div>
<ul>
<li>qwrwer</li>
<li>qwfdga</li>
<li>gfdbgf</li>
<li>gzbarh</li>
<li>bdds</li>
<li>bxthth</li>
<li>sdbyjns</li>
<li>xbths</li>
</ul>
<div class="dfg"></div>
<div class="zzz">
<div class="xxx">
<input type="text">
<i></i>
</div>
</div>
</body>
</html>

129
历届学生/逯帅帅/项目开发/学生项目/谢文军/小米官网/index.html Normal file
View File

@@ -0,0 +1,129 @@
<!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>小米商城</title>
<link rel="stylesheet" href="http:////at.alicdn.com/t/font_2390935_zum8uoyn2e.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_a">
<ul class="herdd float_left">
<li>
<a href="" target="_blank">小米商城</a>
</li>
<li>
<a href="" target="_blank">MIUI</a>
</li>
<li>
<a href="" target="_blank">IOT</a>
</li>
<li>
<a href="" target="_blank">云服务</a>
</li>
<li>
<a href="" target="_blank">天星数科</a>
</li>
<li>
<a href="" target="_blank">有品</a>
</li>
<li>
<a href="" target="_blank">小爱开放平台</a>
</li>
<li>
<a href="" target="_blank">企业团购</a>
</li>
<li>
<a href="" target="_blank">资质证照</a>
</li>
<li>
<a href="" target="_blank">协议规则</a>
</li>
<li>
<a href="" target="_blank">下载APP</a>
</li>
<li>
<a href="" target="_blank">智能生活</a>
</li>
<li>
<a href="" target="_blank">Select Location</a>
</li>
</ul>
<ul class="herdc float_right">
<li>
<a href="">登录</a>
</li>
<li>
<a href="">注册</a>
</li>
<li>
<a href="">消息通知</a>
</li>
<li>
<a href="">
<i class="iconfont icon-gouwuche"></i>
购物车
</a>
<div class="aaa">
<span>
购物车中还没有商品，赶紧选购吧！
</span>
</div>
</li>
</ul>
</div>
</div>
<div class="content">
<div class="header_a">
<div class="search">
<div class="logo float_left">
</div>
<ul class="asss float_left">
<li>
<a href="">小米手机</a>
</li>
<li>
<a href="">Redmi 红米</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="bbb float_right">
<input type="text" class="float_left" placeholder="会讲故事的 儿童牙刷">
<div class="ccc float_left">
<i class="iconfont icon-sousuo"></i>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
</div>
</body>
</html>