核心提示:为什么需要盒模型?浏览器盒模型类型有哪些?1.为什么需要盒模型?每个html标签类似一个盒子,有content,margin,padding,border等属性。程序编写的一个要点是控制变化和不变的部...
为什么需要盒模型?浏览器盒模型类型有哪些?
1.为什么需要盒模型?
每个html标签类似一个盒子,有content,margin,padding,border等属性。程序编写的一个要点是控制变化和不变的部分,若是变化部分则可以将其抽离出来,以免影响不变的部分;若是不变的部分则可以将其独立封装起来,仅提供接口给外部调用。这个盒模型作为程序中不变的部分优点是解耦和复用。
2.盒模型的类型
现在浏览器都支持box-sizing属性,其中的content-box代表W3C盒子模型,而border-box代表IE盒子模型。区别在于盒子实际的宽高的计算方式不同。
在文档顶部写上