小米主页编写

最新推荐文章于 2024-07-18 14:29:38 发布
最新推荐文章于 2024-07-18 14:29:38 发布
阅读量68 收藏
点赞数
分类专栏： HTML写尝试 文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56932577/article/details/121358457
版权

昨天把顶部导航栏和头部整体结构和样式写出来了。没有太大问题。断断续续写了好久

今天写的是APP下拉层和购物车下拉层，二者结构是一样的。两个下拉框写出来后，写了transition语句，但是没有效果。百度这个属性的使用方法。他不能单独使长度或宽度进行过度（根据网上用JS写，不太对）然后折回看视频，发现要使高度有变化才能实现过度效果。把

 

这两句改成

而且在hover添加高度

这样就OK了。两个都有过度效果

还有就是APP下的小三角 添加hover时注意前面路径元素

在写右侧工具栏时候，自认为设置right就OK了，但是效果并不好，一直和页面右边有距离，看视频后，发现用right：50%搭配margin-right更好，会随着页面大小变化，一直贴着中间的大框内容

 

小芳向前冲
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
模仿小米商城编写的HTML网页.zip
06-18
【标题】：“模仿小米商城编写的HTML网页.zip”是一个学习项目，旨在帮助新手掌握HTML和JavaScript的基本应用。这个压缩包包含了一个仿照小米商城界面设计的网页文件。 【描述】：此项目的主要目的是通过实际操作，...
小米首页手工代码html+CSS
11-26
总的来说，"小米首页手工代码html+CSS"是一个很好的实践项目，可以帮助初学者深入理解HTML和CSS的基本原理，同时也能让有经验的开发者回顾和巩固基础，体会手工编写代码的乐趣和挑战。通过分析和模仿这样的代码，...
【设计模式】策略模式
热门推荐
你若盛开，蜜蜂自来
08-08 2万+
博主声明： 转载请在开头附加本文链接及作者信息，并标记为转载。本文由博主威威喵原创，请多支持与指教。 本文首发于此 博主：威威喵|博客主页：https://blog.csdn.net/smile_running 晚上的时候，抽了点时间看了一下设计模式相关书籍，毕竟有些东西还是得重温一下的，脑子不灵光，记住不啊。看着看着就看到了策略设计模式，关于这个策略模式，它书本...
小米手机编写数据库文件
Misolamiso的博客
09-01 1080
打开手机安全助手中设置root权限 打开R.E管理器data->data->app目录->database文件用sqlite edit打开编辑
原生js编写小米购物车
m0_67118357的博客
08-15 1237
原生js => 购物车
前端基础之小米网页编写（基础）
clover_oreo的博客
12-10 1619
之前犯了没有规划布局的错，版排丑陋、问题一堆，以至于满盘皆输、从头来过，所以重新返工的我老老实实从规划布局开始，观察小米官网，发现其首页可看做四个长方形大盒子排排站，每一个大盒子里又可分为若干小盒子，小盒子里又可嵌套小小盒子……盒子盒子无穷尽也。 html中关于box的类定义真的很多，定义时一定要分清，略作归类区别，以免后期太多混淆。 轮播： Bootstrap官网→v4→快速入门→组件→轮播 Bootstrap 是全球最受欢迎的前端开源工具库，它支持 Sass 变量和 mixin、响应式栅
网页（小米商城）头部编写
qq_63997101的博客
07-15 216
4、总体采用两个，一个是1中提到的带有.header样式的，第二个是包括所有文本的.wrap的准备提前下载好iconfont图标(f放在css中)，建立好css、images、js、index.html。具体操作流程为先在阿里巴巴iconfont中下载图标然后解压文件全部引入到创建的css文件夹中，用浏览器打开下载的demo_index.html，复制粘贴自己需要的图标代码。3、用ul>li*n>a[herf="#"]快捷方式创建两个无序列表。1、引入reset.css。...
小米商城项目api接口编写日志
qq_43619628的博客
03-12 2370
接口开发 1、Carousel轮播图模块：获取轮播图地址 方法名：carousels 参数：无 返回类型：resultMessage 请求地址 /resources/carousel 请求方式：get 2、Category分类模块：获取分类名称： 方法名：category 参数：无 返回类型：resultMessage 请求地址 /category 请求方式：get 3、商品模块：根据类型获取商品 方法名：getProductByCategoryId 参数：CategoryId 返回类型：res
小米大数据面试
认真学代码的shell
03-25 664
20200914-一面 1.数仓规范有哪些 2.数仓如何建模 3.doris原理、 4.hive2doris同步过程 5.hive2dors同步表的原理，如何同步的 6.spark原理、内存机制 7.hive各种存储的原理，两个大表如何关联，关联过程，join过程 8.hive文件存储格式有哪些，packetfile了解吗 9.RCfile如何行分割列存储的？ 10.hive优化有哪些 11.kafka\kylin的了解 12.写过mr,sparkcore任务吗 反问： 数仓业务；构建数仓、ETL阶段用sp
【HTML+CSS练习一】编写小米商城小组件
zyh0815的博客
02-28 1107
本文简单使用了HTML和CSS语言，部分实现了小米商城其中一个组件的页面效果。
用html作小米官网首页效果,html+css实现小米商城首页静态页面
weixin_42607969的博客
06-03 1331
maven引入的jar带了时间戳正常情况下,我们引入的第三方jar一般都是类似spider-1.0.5-SNAPSHOT.jar的名称,但是有些环境下,我们引入的三方jar会带上了时间戳,如下所示: spider-1.0.5-201 ...MySQL FUNCTION 整理-- 返回最后一个INSERT查询中, AUTO_INCREMENT列设置的第一个表的值. SELECT LAST_INSER...
HTML实验小米商城首页
06-02
在本实验中，我们将深入探讨如何使用这些技术来构建一个类似小米商城的网站首页。 HTML（HyperText Markup Language）是网页的基础，它定义了页面的结构。在创建小米商城首页时，HTML将用于构建网页的基本元素，如...
小米闪购html自行编写.rar
02-03
本项目“小米闪购html自行编写”显然聚焦于使用HTML来实现类似小米闪购这种电商活动页面的前端展示效果。下面我们将深入探讨HTML在创建此类页面时涉及的关键知识点，并结合实际操作进行详细讲解。 1. HTML基本结构...
小米官网页面设计.zip
04-20
此项目属于自己个人爱好所编写 在家闲来无事写写代码 在这里分享给大家 一个跟小米官网极其相似的网站写法非常简单 一看就懂 不需有任何疑问，如果下载完成之后 你觉得看不懂 欢迎私聊 我会带领你走向前端 一起学习...
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 1337
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
Web前端-Web开发CSS基础7-网格
a15735748145a的博客
07-17 741
22. 在网格容器中，设置grid-template-areas: 'header header header header' 'left left right right' 'left left right right' 'footer footer footer footer'19. 在网格容器中，设置grid-template-areas: 'header header header' 'main main main' 'footer footer footer'grid-row-start: 2;
Web前端-Web开发CSS基础2-选择器
a15735748145a的博客
07-16 592
58. 按顺序，选中所有未访问过的类名为class1的标签、访问过的类名为class1的标签、鼠标悬停时的类名为class1的标签、按下不放时的类名为class1的标签；59. 按顺序，选中所有未访问过的id为happy的标签、访问过的id为happy的标签、鼠标悬停时的id为happy的标签、按下不放时的id为happy的标签；60. 按顺序，选中所有未访问过的id为sad的标签、访问过的id为sad的标签、鼠标悬停时的id为sad标签、按下不放时的id为sad的标签；
拖拽上传（预览图片）
最新发布
喵喵的博客
07-18 381
/创建一个url的blob ，在当前会话下生效，不像base64那样在哪里都能用，如在浏览器中用，当你关掉浏览器再开浏览器用则不生效，是一种临时文件。/* 触发file类型的Input上传文件不一定要点击上传按钮，点在Input身上即可 */点击+上传图片，或直接拖拽图片到红色方框里面也可上传图片，上传后预览图片。//拿到input当前上传的文件，拿不到url，想在页面展示必须有url。//通过FileReader的result可以拿到文件的url。//生成一个临时地址blob，不可持续。
小米便签需求分析编写目的
06-02
小米便签需求分析的编写目的是为了明确小米便签应该具备哪些功能，以及用户在使用小米便签时需要满足哪些需求。通过对小米便签需求的分析，可以帮助团队更好地理解用户的需求，并且在开发过程中能够更好地满足用户的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值