品优购项目day01

首先测量大盒子的长宽后给它一个定位。
在这里插入图片描述

大盒子里面分为以下三个盒子来做,给上面的大盒子一个position:relative;然后给下面的小盒子position:absolute;
1.“品优购”logo的做法,需要在logo里加入h1,因为搜索引擎首先会搜索到h1,这样可以提权,然后整个图标加入链接,点击可以返回首页。最后把里面的品优购,字体改成0,font-size:0px;

在这里插入图片描述
2.search搜索框做法,还是用定位来做,大盒子已经有了定位,然后测量上下距离给个定位就可以,边框设置为border:1px solid #f1f1f1
下面的小导航栏也用定位做,这个比较简单。

在这里插入图片描述

3.shopcar购物车,依旧用定位做,定位真好用,测量宽高,整出来个带背景色的小盒子,然后往里面加图标加字加图标,购物车的图标颜色改成红色
在这里插入图片描述
今天光搞活动了,没做多少,明天接着做。
在这里插入图片描述

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值