码迷,mamicode.com
首页 > 其他好文 > 详细

每天学点切图

时间:2015-11-15 09:38:12      阅读:410      评论:0      收藏:0      [点我收藏+]

标签:

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高亮

 

每天学点切图

标签:

原文地址:http://www.cnblogs.com/YYvam1288/p/4966129.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!