zoukankan      html  css  js  c++  java
  • 布局

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

  • 相关阅读:
    Nginx介绍
    linux vi编辑
    MySql数据类型
    Mysql用户权限控制(5.7以上版本)
    Linux上安装MySQL
    Java得到指定日期的时间
    Spring Boot 整合Redis 实现缓存
    编写高效优雅Java程序
    JVM调优和深入了解性能优化
    JVM执行子程序
  • 原文地址:https://www.cnblogs.com/YYvam1288/p/4966129.html
Copyright © 2011-2022 走看看