浏览器内核

浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释并渲染（显示）网页。

渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同

一些较新的css3特性，需要添加以上前缀兼容每个浏览器

xxxxxxxxxx
<div class="root">
    <div class="box"></div>
    <div class="box"></div>
</div>

xxxxxxxxxx
<style>
    .root{
        display: flex;
    }
    .box{
        flex: 1;
        -ms-flex: 1;
        -moz-flex:1;
        -webkit-flex:1;
    }
</style>

实时效果反馈

1.下列哪个是Chrome浏览器前缀：

A -ms-

B -moz-

C -webkit-

D -o-

答案

1=>C

实操

1. 【简答】CSS盒子模型包含哪些属性
2. 【实操】利用CSS盒子模型属性完成一个容器在页面中左右居中
3. 【实操】实现一个怪异盒子模型
4. 【实操】利用弹性盒子模型，实现单行文本在盒子内上下左右居中