首先我们观察这部分，可清晰的将它分成三个模块，左边的淘宝网，中间的搜索栏以及右边的二维码。这里我们需想一下怎么把中间的搜索栏放入中间位置，我采用的是先将左右两侧靠边放置并设置浮动，那么中间的搜索栏就会上去，再设置margin：0 auto后就可以将搜索栏居中啦

淘宝网这里是一个图片，一般采用以图换字的方法，使页面在设计和可访问性之间达到平衡，并且由于在页面左侧，将其设置为左浮动：

我们将二维码这块分成三块，第一块关闭的小图标，第二块手机淘宝这行文字，第三块一张图片，由于第一块和第二块处于同一行，所以我们将它们设置成行级元素span。而二维码图片在这行元素的下面，那么我们就可以采用定位的方式：

这部分就比较复杂，且听我慢慢道来：

第一部分： 第一部分比较简单，用一个ul配合三个li标签即可，这里宝贝这个标签给他加上独特的样式，这里注意渐变色的知识点：

这里行高和高度设置成一样使文字居中