没想到还是没有赶着做完，淘宝网页又发生了变化，只好在网上找相似的图片，可能造成了更大的误差！
- List item
首先将内容分块，我采用的分法是：
- List item
图中画框的是左边部分，剩下是右边部分，左边部分分成4部分，首先设置样式，利用浮动和简单的背景色弄出轮廓来，另外注意的是，利用浮动必须必须弄清楚宽高的值，必须精确，像这imgBox1、2的height之和加上margin必须等于左侧的height,留下空隙淘宝头条会往上面钻…
- List item
过渡 transtion :background-color 0.3s属性+时间
background-color:rgba(0,0,0,0.3)IE9+支持
这样可以控制里面的不透明，只有背景色透明
opacity:0.5则全部透明，包括里面的东西
css hark好low b 的叫法！！！
background-color:#000/9 ie9以下支持
filter:alpha(opcity=30); 透明
- List item
轮播图的图片垂直居中不用left+margin-left的方法，td display:table-cell;+vertical-align:middle
弹性盒模型 弹性布局 忽略宽高css3 兼容IE10+
flex justify-content:space-around;水平居中图片间距均分 align-items:center;垂直居中
弹性盒子模型太美妙了，但是兼容性太差！
左侧的html代码：
左侧的css代码：
