没有合适的资源?快使用搜索试试~
我知道了~
文库首页
前端
Javascript
前端模仿搭建小米官网项目
前端模仿搭建小米官网项目
共214个文件
jpg:90个
png:54个
webp:13个
html
需积分: 0
0 下载量
97 浏览量
2023-08-18
15:31:38
上传
评论
2
收藏
4.67MB
RAR
举报
温馨提示
立即下载
模仿搭建小米官网; 适用人群:初学HTML和CSS的同学
资源推荐
资源详情
资源评论
小米官网前端页面代码
浏览:170
5星 · 资源好评率100%
小米官网前端页面代码
前端实战项目-小米官网
浏览:68
小米官网是学习前端实战项目锻炼最多的一个项目,基本上就是学习完HTML和CSS之后就可以开始锻炼自己实战的能力,学习如何搭建自己一个完整的页面实战,对之后的学习打下很好的基础,在这个博客的代码中,我只是涉及到相关的HTML和CSS,前端方向的官网搭建和代码,它的本质是一个意思,只要认认真真的写好一个官网的网页项目,对于之后的官网项目就都可以轻轻松松,并且上手也是很简单。前端的主要学习也是HTML和
前端项目——小米官网首页
浏览:153
使用div+css实现小米官网首页内容,其中使用css3动画做了轮播图,以及鼠标悬停的动画效果,未涉及到js等逻辑内容,适合前端初期学习的小伙伴们参考借鉴
小米小米官网首页前端项目.rar
浏览:12
小米官网首页前端项目
前端项目源码:模仿有道云,个人制作的一款多人协同的云笔记.zip
浏览:153
5星 · 资源好评率100%
前端项目源码:模仿有道云,个人制作的一款多人协同的云笔记 前端项目源码:模仿有道云,个人制作的一款多人协同的云笔记 前端项目源码:模仿有道云,个人制作的一款多人协同的云笔记 前端项目源码:模仿有道云,...
仿小米官网首页2021最新版本前端代码【只有前端代码】
浏览:33
5星 · 资源好评率100%
仿小米官网首页2021最新版本前端代码【只有前端代码】
前端项目之本地环境搭建
浏览:57
本资源主要讲解了前端项目环境的基本搭建以及在github中的使用
小米官网_前端实现仿小米官网_
浏览:14
5星 · 资源好评率100%
html+css实现的小米前端页面,适合新手练习
网页前端项目小米商城源码
浏览:27
简单的小米商城主页面
前端项目练手-模仿天猫官网前端
浏览:96
3星 · 编辑精心推荐
前端项目练手-模仿天猫官网前端
小米2019秋招前端开发笔试题.docx
浏览:110
小米2019秋招前端开发笔试题
小米官网首页静态页
浏览:130
5星 · 资源好评率100%
html5+jq+css 做的小米官网首页,实现le小米官网所有特效,有需要的小伙伴赶紧下载吧
前端框架搭建
浏览:14
前端框架搭建
仿小米官网html源码.zip
浏览:129
5星 · 资源好评率100%
学了前端一周后,自己制作的仿小米官网,适合初学者,不追求效率的做法,会有一些小bug,但总体模仿了小米官网的特效等,使用jquery,函数都是非常容易理解的,非常适合刚学的朋友哟。
web前端期末节课大作业 ~小米商城官网首页模板. (功能齐全)
浏览:94
web前端期末节课大作业 ,html+css+javascript实现~ (功能齐全)小米商城官网首页模板,包括导航栏,商品分类菜单等。
前端开发页面小米商城项目
浏览:110
包含小米商城小米官网APP下载购买更多四个页面,完整css,JavaScript部分代码带有注释。
以flask为后台框架,react+redux为前端框架搭建的快速项目.zip
浏览:92
以flask为后台框架,react+redux为前端框架搭建的快速项目
17个前端4 打造小米官网首页轮播图,解密内部核心技术.wmv
浏览:10
17个前端4 打造小米官网首页轮播图,解密内部核心技术.wmv
前端环境搭建+node.js+vue+vscode
浏览:179
5星 · 资源好评率100%
前端环境搭建+node.js+vue+vscode
html网页做的动态爱心(超好看)
浏览:119
4星 · 用户满意度95%
用html+css+JavaScript网页做的动态爱心,浪漫十足
ECharts+html大数据可视化大屏展示模板,共整合了30多套源码+效果图,做大屏效果的不容错过
浏览:48
5星 · 资源好评率100%
ECharts+html大数据可视化大屏展示模板,共整合了30多套源码+效果图,做大屏效果的不容错过。
Logisim 头歌 CLA182四位先行进位电路设计图解及代码(计算机组成原理)免费下载!!!
浏览:22
5星 · 资源好评率100%
免费下载,请自取,文件用txt打开! 实验目的 帮助学生掌握快速加法器中先行进位的原理,能利用相关知识设计4位先行进位电路,并利用设计的4位先行进位电路构造4位快速加法器,能分析对应电路的时间延迟。 需要注意的是不同教材上传递函数P略有差异,部分教材传递函数P是逻辑或关系,本实验采用的是异或逻辑。 实验内容 在 Logisim 中打开 alu.circ 文件,按照图中定义的输入输出引脚,在对应子
html css网页制作成品
浏览:50
html css网页制作成品,仅使用 HTML 和 CSS 创建响应式多页个人作品集网站设计 非常适合新手学习!
javascript网页设计期末作业 购物网站
浏览:109
5星 · 资源好评率100%
这其实是我的期末作业,上传到网上是为了造福广大计算机专业的同学们∠( ᐛ 」∠)_ 网页共分为五个子网页,分别为: 1.登录页面 2.主页 3.购物车 4.留言板 5.个人中心 其中主页完成度最高,可以单独拿出来使用(不过需要删掉登录验证模块) 网页实现的主要功能有: 1.登录及验证 2.轮播图 3.下拉菜单 4.倒计时 5.tab栏 6.固定导航栏 7.留言板 8.购物车(包括商品的添加、删除、
2023跨年代码(烟花+自定义文字+背景音乐+雪花+倒计时)
浏览:89
4星 · 用户满意度95%
时光荏苒,白驹过隙。 2022这一年又在忙碌中度过了,过去的一年,我们同努力,我们共欢笑,每一次成功都蕴藏着我们辛勤的劳动。 新的一年即将来到,我们不能停滞不前,一味只是骄傲。愿大家与时俱进,拼搏不懈,共创新的辉煌! 借着新年到来的喜庆,给大家分享一个新年烟花的前端代码,快拿着代码展示给你的朋友们看吧!! 转眼间已经到了2022的尾巴,这一年对于国家来说丰富充实,冬奥会在北京举行、中国共产
小兔鲜项目源码(动态网页,包含首页、注册页、登录页、购物页)原生HTML、CSS、Javascript
浏览:30
适用于学完HTML和CSS或学完原生三件套的小伙伴,来进行一次综合大练习,进一步巩固所学知识。
以图搜图Java+html源代码
浏览:4
以图搜图Java+html源代码
大学生网页设计大作业-5个网页设计制作作品自己任选
浏览:148
5星 · 资源好评率100%
大学生网页设计大作业-以下5个网页设计制作作品自己任选: 1.网页制作基础大二dw作业 2.web网页大作业 3.大学生期末网页大作业-6页面的网页设计,是个人主页类型。包含了6个页面,包含视频、脚本等元素。水平不高,但交选修作业就足够了。 4.免费大学生网页设计制作作业作品下载dreamweaver制作静态html网页设计作业作品 5.Dreamweaver网页设计与制作100例
HTML+CSS 仿原神官网源码
浏览:94
用 HTML+CSS 实现的原神官网前端练习源码,供学习使用。
收起资源包目录
前端模仿搭建小米官网项目
(214个子文件)
mi.css
16KB
demo.css
8KB
iconfont.css
8KB
reset.css
317B
第十一天-小米官网.docx
2.9MB
iconfont.eot
8KB
index.html
61KB
demo_index.html
26KB
favicon.ico
1KB
a4aa0cbfad7de34618c4bebdbdeee4e1.jpg
466KB
94c74e01afe50a86c3a87ff030b85781.jpg
95KB
816a66edef10673b4768128b41804cae.jpg
69KB
7bc54a61b927dd8c54ddd39a0acf0254.jpg
52KB
755aca9487082e7698e16f17cfb70839.jpg
47KB
d988b1a70b90330c6732c1943b3205fb.jpg
46KB
3c6c452e61ff2891921110c296cad09a.jpg
39KB
6bd4174b8c5aad67a64864a5716ad152.jpg
38KB
ef617fac-7489-436d-b74e-c43582f09633!200x200.jpg
26KB
a2938e547bc127b0014daa1f9b614fc0.jpg
24KB
2fd26bb99b723337a2f8eaba84f7d5bb.jpg
16KB
b67de5a8ce9025fb5d8bac66e019d1c3.jpg
15KB
41d16e66381cfeda7b6b39ab67678d5e.jpg
14KB
a00bdd568dbc2b02f8fe0fa8d1b46f28.jpg
14KB
413f5e2f-53e7-0879-119c-8b4466feea53!200x200.jpg
13KB
574c6643ab91c6618bfb2d0e2c761d0b.jpg
13KB
a660ce095e8f553a9ed1515265f4e9fc.jpg
12KB
10fb0086cb21120c53248a3d8cc56dc5.jpg
12KB
6874615b3c50e837ffe532eb6ea4ef1a.jpg
11KB
e0b8cffcbdaa88e2a314f0a372ca75dd.jpg
10KB
d3597fd4912638d1b1518a6a07856c75.jpg
10KB
11fc2ced4d8b5a924633f9a5b59f9fd2.jpg
10KB
59e8fc8ba9718c266882719fb4bbcedd.jpg
10KB
739ebd8abfc2b1be8866a2c1ad87e709.jpg
9KB
a8dd25cab48c60fc6387b9001eddc3f9.jpg
9KB
395fdedf0f40206032397e33beed756e.jpg
9KB
92af1f21293fabfbf2a112892b864925!200x200.jpg
9KB
88e35cffc82cd98cd53172460067af17.jpg
9KB
89c2a209b742fce9b10d9d196149d634.jpg
8KB
5dd69c0a-8f4a-b42f-d840-6c5a47f2cd03!200x200.jpg
8KB
37dc0898c2624b4130da4631f2d9a675.jpg
8KB
ffe4182f1d9a5befdf2380ec90ae1620.jpg
8KB
45c23f5b9a927b2dc49c25277e07727c.jpg
7KB
b56fd90a60e3d9e5d87dae9fbd427ea8.jpg
7KB
cd2aa2dcad6440b469c22e27db9b6236.jpg
7KB
pms_1575427252.04796744.jpg
6KB
07270cc09689eb9b13b29aa9f6bc41eb.jpg
6KB
d295c4fb500d163a7045dc715b47f808.jpg
6KB
0099822e42b4428cb25c4cdebc6ca53d.jpg
6KB
ef6b4e9b9151849b3b1fb1dbf069c6ed.jpg
6KB
20bb12392d70e3b7158c252e9c34d0b0.jpg
5KB
6f2493e6c6fe8e2485c407e5d75e3651.jpg
5KB
pms_1573198113.13787281.jpg
5KB
53641901fbc28cbcdb495b17fdf69e46.jpg
5KB
2c16238f786e4f93bdb175d7bf21aa47.jpg
5KB
b0ded71f-b235-8f99-ba1c-20f80c3a4231!200x200.jpg
5KB
e850fa029579ba886e3d5c81f00ae534.jpg
5KB
4c87947d104ee5833913e4c520108f16.jpg
4KB
011dd8493ad62f3793dbb63d9fbd3bc0.jpg
4KB
c924c3f3436b6934495fd98f159ee3f7.jpg
4KB
ec20453216dcd42f982cffe5fdbc3115.jpg
4KB
6abc701fb3cf48f2c7a3fd5ef053529a.jpg
4KB
b4004fc968de331f702585d58b15aba2.jpg
4KB
e7c6e79433c883e1a022ec21402c1679.jpg
4KB
0baacf6e54cbf89cab2c543cc02344e9.jpg
4KB
321610e787393c42e5cb2e5730a7681d.jpg
4KB
0c65d472682f0679e192dc7b4cd6e64c.jpg
4KB
44a30f0da2aacb66a0f896293ebc703f.jpg
4KB
6c19fad90ad73f91e13c97cce2b15d82.jpg
3KB
pms_1568617574.69725219.jpg
3KB
pms_1566204458.98572409.jpg
3KB
pms_1571725011.51156250.jpg
3KB
3949e67c-406a-9ab9-5116-7fef8d9b565c.jpg
3KB
pms_1571223747.46563922.jpg
3KB
9dd5ef3ab726a9b9b9cd39587a1d0e86.jpg
3KB
c149537ebb0c2cdb977ddd93200074f4.jpg
3KB
eaa7c8e5-2a8c-0d2c-6de7-a6db2068b192!100x100.jpg
3KB
pms_1569320171.49398978.jpg
3KB
pms_1567752264.62688686.jpg
3KB
cccac948e1b8ffb47f1fecde67692e60.jpg
3KB
1f32af53d1ad60f4980146f6a2b81019.jpg
3KB
41e6890f9d6b7fdb4275c986dc3644e8.jpg
3KB
50649d7b5706f4cd9f658e93db6b6564.jpg
3KB
8ce424d6fe93dfb74733b5838140b7ee.jpg
3KB
933233908ecbf3359440a20e3ac6b3f3.jpg
3KB
1fba6c4f1a19200778ac3b1671b087cd.jpg
3KB
9eb0178e3bfeb7d170edd641fb4be4bc.jpg
3KB
2b911be4c2f156bb6e4cf367c6080045.jpg
2KB
74e573c4c0d89048392d14831cc507d5.jpg
2KB
pms_1552372948.24196473.jpg
2KB
b8c63a2024528fe5410ebe669b7d2407.jpg
2KB
38748fefeef78183ac01356a23dbc5c5.jpg
2KB
pms_1552376822.09637089.jpg
2KB
03d94ee6059481a6adcb6c4c5c572fb4.jpg
2KB
b42e49c6c0208f2de5a2f7a491a3af46.jpg
2KB
57433a4b991b2a2ddc889f2d8d434655.jpg
2KB
9946e252a7c49662376c056ced004a20.jpg
2KB
ea8e42faebf7d76a4cb42b8930cf9e46.jpg
2KB
eaf70e0e9905de6452f07b1f48fcc386.jpg
2KB
550177d2e54387521bce9e78cb2949dd.jpg
1KB
iconfont.js
30KB
共 214 条
1
2
3
第
11
天【小米官网】
主要内容
1
、项目准备
2
、下拉列表
3
、滑动门
4
、雪碧图
5
、页面布局
6
、
CSS3
特效
学习目标
节数
知识点
要求
项目准备
了解
第一节
黑色导航条
掌握
白色导航条
掌握
第二节
下拉列表
掌握
Banner
部分
掌握
第三节
滑动门
掌握
广告部门
掌握
第四节
伪对象的应用
掌握
第五节
手机部分
掌握
家电部分
掌握
智能部门
掌握
搭配部分
掌握
配件部分
掌握
周边部分
掌握
视频部分
掌握
第六节
页脚部分
掌握
一、项目准备
https://www.mi.com/
下载图片
下载
iconfont
初始化
css
文件
二、黑色导航条
HTML
部分
CSS
部分
.black-nav{
width: 100%;
height: 40px;
line-height: 40px;
background-color: #333;
font-size: 12px;
}
.wrap{
width:1226px;
margin: 0 auto;
}
.black-nav-left,.black-nav li{
float: left;
}
.black-nav li{
position: relative;
}
.black-nav a{
color: #b0b0b0;
}
评论
收藏
内容反馈
立即下载
资源评论
资源反馈
评论星级较低,若资源使用遇到问题可联系上传者,3个工作日内问题未解决可申请退款~
联系上传者
评论
Leviash
粉丝: 2489
资源:
4
私信
上传资源 快速赚钱
我的内容管理
展开
我的资源
快来上传第一个资源
我的收益
登录查看自己的收益
我的积分
登录查看自己的积分
我的C币
登录后查看C币余额
我的收藏
我的下载
下载帮助
前往需求广场,查看用户热搜
最新资源
《电力系统自动化》考试复习题及答案要点.doc
《电商网站建设与运营》说课(报).ppt
《电子商务概论》教案第六章.doc
《程序设计初步》PPT课件.ppt
《算法与程序设计VB(选修)》复习知识点资料(良心出品必属精品).doc
81cc01969a9cd6d4b4c6564a714b15cc.mp3
中国生物医学文献数据库(CBMdisc)使用方法与技巧-(2).pdf
企业网站改版方案.doc
传统企业如何应对互联网时代(职场经验).doc
光纤内脉冲信号传输仿真(包含matlab程序).doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功