浏览器标准模式和怪异模式之间的区别是什么?
浏览器解析CSS的两种模式:标准模式(strict mode)和怪异模式(quirks mode)。
标准模式:浏览器按W3C标准解析执行代码;
怪异模式:使用浏览器自己的方式解析执行代码,因为不同浏览器解析执行的方式不一样,所以称之为怪异模式。
浏览器解析时使用标准模式还是怪异模式,与网页中的DTD声明直接相关,DTD声明定义了标准文档的类型(标准模式解析)文档类型,会使浏览器使用相关的方式加载网页并显示,忽略DTD声明,将使网页进入怪异模式(quirks mode)。
区别是:
1、盒模型:
在怪异模式下,盒模型为IE模型
而在W3C标准的盒模型中危:
2、图片元素的垂直对齐方式
对于inline元素和table-cell元素,标准模式下vertical-align属性默认取值是baseline;在怪异模式下,table单元格中的图片的vertical-align属性默认取值是bottom。因此在图片底部会有及像素的空间。
3、
元素中的字体
CSS中,对于font的属性都是可以继承的。怪异模式下,对于table元素,字体的某些元素将不会从body等其他封装元素继承中的得到,特别是font-size属性。
4、内联元素的尺寸
标准模式下,non-replaced inline元素无法自定义大写;
怪异模式下,定义这些元素的width、height属性可以影响这些元素显示的尺寸。
5、元素的百分比高度
CSS中对于元素的百分比高度规定:百分比为元素包含块的高度,不可为负值;如果包含块的高度没有显示给出,该值等同于auto,所以百分比的高度必须是在元素有高度声明的情况下使用。
当一个元素使用百分比高度是,标准模式下,高度取决于内容变化,怪异模式下,百分比高度被准确应用
6、元素溢出的处理
标准模式下,overflow取值默认为visible;在怪异模式在,该溢出会被当做扩展box来对待,即元素的大小由内容决定,溢出不会裁剪,元素框自动调整,包含溢出内容。
浏览器标准模式和怪异模式之间的区别是什么?相关推荐
- 浏览器标准模式和怪异模式之间的区别
浏览器标准模式和怪异模式之间的区别是什么? 在"标准模式"(Standards Mode) 页面按照 HTML 与 CSS 的定义渲染,而在"怪异模式"(Qui ...
- 浅谈浏览器标准模式与怪异模式、文档类型
在网页设计制作过程中,新人往往会遇到一个问题,就是浏览器的不兼容问题.这种状况在大学学习过程中会经常遇到,但一直也没有得到很好的解决,今天有机会仔细研究了一下,这是有关浏览器标准模式与怪异模式之间的问 ...
- 浏览器的标准模式与怪异模式
由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同.在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为 ...
- 浏览器标准模式与怪异模式的区别
两种模式的不同主要表现在盒模型和渲染模式的不同上 要想写出跨浏览器的CSS,必须知道浏览器解析CSS的两种模式:标准模式(strict mode)和怪异模式(quirks mode) 所谓的标准模式是 ...
- 浏览器标准模式和怪异模式
什么是标准模式和怪异模式? 在实现html和css标准化之前,各个浏览器对html和css的解析各有不同,甚至是同一个浏览器的不同版本渲染方式也不同(比如IE6和IE7).在W3C制定标准之后,浏览器 ...
- 聊聊浏览器的标准模式和怪异模式
前言 对于DOCTYPE这个词,相信大家都不陌生,现在我们编写html文件的时候,头部第一句就是这个声明,但是相信很多人都不知道这个是干什么用的吧,看完这篇文章让自己更精进一步! 来源 在很久很久以前 ...
- 浏览器的标准模式、怪异模式
历史原因 在W3C标准未确定之前,各浏览器对于HTML和CSS有各自不同的解析方式,很多旧网页都是在W3C标准未确定时期实现.设计的.在W3C标准确定之后,浏览器为了保证对非标准的旧网页设计的后向兼容 ...
- 浏览器标准模式与怪异模式-CSS1Compat and BackCompat
浏览器标准模式与怪异模式-CSS1Compat and BackCompat 由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同.在W3C标准出台以前, ...
- “约见”面试官系列之常见面试题之第五十二篇之标准模式和怪异模式(建议收藏)
在标准模式页面按照HTML,CSS的定义渲染,而在怪异模式就是浏览器为了兼容很早之前针对旧版本浏览器设计,并未严格遵循W3C标准而产生的一种页面渲染模式.浏览器基于页面中文件类型描述的存在以决定采用哪 ...
- HTML的标准模式与怪异模式
HTML的标准模式与怪异模式 HTML 的结构 在HTML4中 DOCTYPE有三种模式 标准模式与怪异模式 HTML 的结构 <html><head><meta cha ...
最新文章
- docker 镜像容器导入导出、查看日志、拷贝文件命令
- 小鱼易连电脑版_电脑?不,它是随时就绪的专业电话会议解决方案
- 初识Flink-从WorldCount开始
- MFC ListCtrl和IP控件的使用杂记
- Linux系统基础.作业
- 70%以上程序员,不懂数据结构和算法!
- 谷歌拟收购Firework 火拼短视频应用市场
- w10系统asp服务器搭建,在windows10系统下搭建asp环境的方法
- Attention Mechanisms in Computer Vision: A Survey(四)
- Python爬虫抓取链家二手房数据
- 第四章 06 打印星号
- 用freepy一键生成中美GDP季度对比柱状图
- Arduino教程4:面包板与洞洞板
- [附源码]Java计算机毕业设计SSM动物园动物饲养管理
- Oracle笔记_日期相关
- TextToSpeech文字转语音
- 零基础制作平衡小车【连载】12---平衡小车控制原理
- 手机root不了的解决方法
- 承接软硬件项目外包开发
- 如何查看淘宝同款商品最低价?怎么查看最低成交价?