1.不同浏览器的内核分别是什么?
IE: trident -ms-
firefox: Gecko -moz
safari: webkite -webkit-
chrome: blink -webkit
opera: blink -webkit
内核:
不同的浏览器内核对网页编写的语法的解释也不同,
因此同一网页在不同<br>的内核的浏览器里的渲染(显示)效果可能也不同,
这也是网页编写者需要在不同内核的浏览器中测试网页效果显示的原因
2.什么是盒模型
页面就是由一个个盒模型堆叠起来的,每一个html都叫做一个盒模型。盒模型由外而内包括:margin+border+padding+content,盒模型又分为标准盒模型和IE 盒模型
标准盒模型:标准盒模型的宽度和高度是以内容的宽度为宽度,以内容的高度为高度。如下图:
IE盒模型:IE盒模型的宽度和高度是从边框算起的,即宽=border+padding+content;高=border+padding+content,如下图:
2.jpg
怎么设置这两种模型呢?
通过box-sizing:content-box(标准盒模型)/border-box(IE盒模型)就可以达到自由切换的效果
网友评论