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高亮
时间: 2024-10-02 02:17:08