品优购项目day01

首先测量大盒子的长宽后给它一个定位。
品优购项目day01

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

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

品优购项目day01

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

班里有个女同学还挺好看????