美文网首页
Html+css面试题总结

Html+css面试题总结

作者: 乔乔_老师 | 来源:发表于2020-08-08 23:06 被阅读0次
    1.不同浏览器的内核分别是什么?
    IE: trident      -ms-
    firefox: Gecko     -moz
    safari: webkite     -webkit-
    chrome:   blink   -webkit
    opera:      blink   -webkit
    

    内核

    不同的浏览器内核对网页编写的语法的解释也不同,
    因此同一网页在不同<br>的内核的浏览器里的渲染(显示)效果可能也不同,
    这也是网页编写者需要在不同内核的浏览器中测试网页效果显示的原因
    
    2.什么是盒模型

    页面就是由一个个盒模型堆叠起来的,每一个html都叫做一个盒模型。盒模型由外而内包括:margin+border+padding+content,盒模型又分为标准盒模型和IE 盒模型
    标准盒模型:标准盒模型的宽度和高度是以内容的宽度为宽度,以内容的高度为高度。如下图:

    1.jpg
    IE盒模型:IE盒模型的宽度和高度是从边框算起的,即宽=border+padding+content;高=border+padding+content,如下图:
    2.jpg
    怎么设置这两种模型呢?
    通过box-sizing:content-box(标准盒模型)/border-box(IE盒模型)就可以达到自由切换的效果
    

    相关文章

      网友评论

          本文标题:Html+css面试题总结

          本文链接:https://www.haomeiwen.com/subject/guovrktx.html