布局

1）ul  li

　　把ul宽度设置大一点，然后overflow=hidden;（最好不要嵌套使用，原因看清除浮动方法），然后外面必须有包裹的div壳，div壳的宽度就按设计稿来，这样就避免了需要给最后一个li设置margin-right:0了

2）[详情点击]

　　这里只需用<a></a>包起来，把a的字体按要求设置即可，无需再多加一个span

3）关于span

　　如果段落里面嵌套的span需要设置宽度等属性，就要把span的display:inline-block，同时为使ie67兼容，要同时设置display:inline 和 zoom:1

4）还有放在li里面的图片定位，就用margin-left去控制居中吧

5）焦点图那里，使用<img>标签放置图片，居中的话，position:absolute;left:50%;margin-left:-（图片宽度）/2 px

　　如果用background放置图片，background-position:center top;

6）遇到选项卡样式复杂，先分别在li中加入class控制不同的样式，然后用js实现切换class

7）焦点图切换，最简单的是，先样式设置display:none;然后只让第一个div显示，第一个切换li高亮