DOCTYPE的作用

• DOCTYOE的作用是告知浏览器的解析器以何种文档类型规范来解析页面

• 若DOCTYPE不存在或书写错误，浏览器则会将此页面以怪异模式来解析

• 盒模型又分为标准盒模型和怪异盒模型

  • 标准盒模型是W3C标准又称为严格模式

    • 此时盒子的宽高即content的宽高

  • 怪异模式盒模型是ie标准，又称为混杂模式、兼容模式

    • 此时盒子的宽高是content的宽高+padding*2+border*2

  • 而box-sizing:border-box;属性就是将标准模式变为怪异模式

    • 此时宽度固定，添加border、padding，将改变content的宽度，不改变原宽度