zoukankan      html  css  js  c++  java
  • 标准模式和怪异模式

    一、< ! DOCTYPE html >有什么作用?

    H5头部< ! DOCTYPE html > DOCTYPE称为Document  Type  Declaration(文档类型声明,缩写DTD),它在

    文档正文之前就确定当前文档的类型,以决定其需要渲染的模式,< ! DOCTYPE html >表示以标准模式渲染如果注释这句话,则以怪异模式渲染,< ! DOCTYPE html >前面不能有

    标签或者注释,否则也按照怪异模式渲染。

    在ie9往上的浏览器中,任何模式在渲染方面几乎没有区别

    在ie7 8 9中,理论上存在怪异模式,实际只有标准模式

    在ie6中,标准模式和怪异模式的渲染的区别最大

    在ie6以下的浏览器中,只有怪异模式

    二、标准盒模型和怪异盒模型

    1.标准盒模型

    标准盒模型下width指的是内容区域content的宽度

    一个块的总宽度=content+padding+border+margin

    2.怪异盒模型

    怪异盒模型中的width指的是内容、边框、内边距总的宽度(content + border + padding)

    一个块的总宽度=width(content + border + padding) + margin

     3.当设置为box-sizing:border-box时,将采用怪异模式解析计算;

  • 相关阅读:
    servlet基础讲解
    tomcat web.xml配置
    JavaScript Cookies
    窗口的自适应处理
    让Eclipse和NetBeans共享同一个项目
    maven基础知识
    JS中令人发指的valueOf方法介绍
    在iOS开发中使用FMDB
    苹果开发者账号那些事儿(三)
    苹果开发者账号那些事儿(二)
  • 原文地址:https://www.cnblogs.com/qdkfyym/p/12447558.html
Copyright © 2011-2022 走看看