• 兼容 yu 比较


    1.1、inline-block  4px  间隙  移除空格

      使用margin负值

      使用font-size:0

      letter-spacing

      word-spacing

    1.2、

    清除浮动的方法,各有什么特点?
     来自:搜道网前端开发面试题

    参考:

      a:overflow:hidden

      b:clear:both

      c:clearfix:after{} 伪类

        .cf:before, .cf:after { content:""; display:table; }

         .cf:after { clear:both; }

         .cf { zoom:1; }

    2.1、src vs href

    src 用于替换当前元素,href 用于在当前文档和引用资源之间确立联系。

    src 是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所 在位置;在请求 src 资源时会将其指向的资源下载并应用到文档内,例如 js 脚本,img 图片 和 frame 等元素。

    <script src =”js.js”></script>

    当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、 执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么 将 js 脚本放在底部而不是头部。

    href 是 Hypertext Reference 的缩写,指向网络资源所在位置,建立和当前元素(锚点) 或当前文档(链接)之间的链接,如果我们在文档中添加

    <link href=”common.css” rel=”stylesheet”/>

    那么浏览器会识别该文档为 css 文件,就会并行下载资源并且不会停止对当前文档的处 理。这也是为什么建议使用 link 方式来加载 css,而不是使用@import 方式。 

    2.2、display, float, position 的关系 

    如果 display 为 none,那么 position 和 float 都不起作用,这种情况下元素不产生框

    否则,如果position值为absolute或者fixed,框就是绝对定位的,float的计算值为none, display 根据下面的表格进行调整。

    否则,如果 float 不是 none,框是浮动的,display 根据下表进行调整

    否则,如果元素是根元素,display 根据下表进行调整

    其他情况下 display 的值为指定值

    总结起来:绝对定位、浮动、根元素都需要调整 display display 转换规则 

    以妓会友,评赞走起

  • 相关阅读:
    python OS 模块 文件目录操作
    python模块 OS
    Django的设计模式
    python自动开发之(算法)第二十七天
    机器模型简介(二):广义线性模型
    机器模型简介(一):线性回归
    python爬虫成长之路(三):基础爬虫架构及爬取证券之星全站行情数据
    oracle sql 基础(六):数据控制语言(用户及权限管理)
    oracle sql 基础(五):数据定义语言(创建和管理序列、索引、同义词)
    oracle sql 基础(四):数据定义语言(创建和管理表、视图)
  • 原文地址:https://www.cnblogs.com/lgyong/p/8881870.html
Copyright © 2020-2023  润新知