您现在的位置:首页 >> 前端 >> 内容

为什么需要盒模型?浏览器盒模型类型有哪些?

时间:2018/2/22 15:06:37 点击:

  核心提示:为什么需要盒模型?浏览器盒模型类型有哪些?1.为什么需要盒模型?每个html标签类似一个盒子,有content,margin,padding,border等属性。程序编写的一个要点是控制变化和不变的部...

为什么需要盒模型?浏览器盒模型类型有哪些?

1.为什么需要盒模型?

每个html标签类似一个盒子,有content,margin,padding,border等属性。程序编写的一个要点是控制变化和不变的部分,若是变化部分则可以将其抽离出来,以免影响不变的部分;若是不变的部分则可以将其独立封装起来,仅提供接口给外部调用。这个盒模型作为程序中不变的部分优点是解耦和复用。

2.盒模型的类型

现在浏览器都支持box-sizing属性,其中的content-box代表W3C盒子模型,而border-box代表IE盒子模型。区别在于盒子实际的宽高的计算方式不同。

在文档顶部写上浏览器则会以标准模式即W3C盒子模型来解析文档。

作者:网络 来源:???的博客