码迷,mamicode.com
首页 > Web开发 > 详细

浏览器css解析的两种模式

时间:2015-08-20 14:39:50      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:

各浏览器解析css有两种模式:quirks mode怪异模式,strict mode标准模式

  1. 产生原因:历史原因,早期浏览器解析并未遵循w3c标准——quirks模式,随着w3c的标准越来越重要,仿照w3c标准解析css的模式——strict mode标准模式;其实还有一种 almost strict mode,例如almost strict mode中,img是块元素。大多数doctype触发的都是almost strict mode
  2. 区别:
    • 遵循的标准不同,对css的解释不同
    • 体现在对盒模式的解释上:strict mode 采用content-box方法计算元素的宽高(标准盒模型);quirks mode 采用border-box方法计算(ie6盒模型)
    • 看其他资料:strict mode 中 table字体大小会继承父元素的,quirks中不会。
  3. 浏览器如果判断用哪种方式解析:看doctype声明
    • 没有doctype声明,采用quircks mode
    • 有doctype声明的,详情见末尾插入的表
      •  浏览器不能识别doctype,用strict mode
      •  使用html4以下(不含html4),使用quirks  mode
      •  大部分有doctype声明的,都使用strick mode
      •  ie6中,doctype声明前有一个xml声明<!xml version="1.0" encoding="iso-88590-1"?>,采用quirks mode  
  4. js中判断哪种模式:用document.compatMode
    • BackCompat:quirks mode
    • CSS1Compat:strict mode        

浏览器css解析的两种模式

标签:

原文地址:http://www.cnblogs.com/danranysy/p/4744760.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!