前端笔记之html与css-优快云博客

本文链接：https://blog.youkuaiyun.com/alonebasis/article/details/80822203

本文介绍了前端开发中的关键概念，包括四大浏览器内核的区别、文档类型声明(doctype)的作用以及Quirks模式与Standards模式的不同之处，对于理解浏览器如何解析HTML与CSS提供了深入的见解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端笔记之html与css

IE: trident 内核

Firefox： gecko 内核

Safari:webkit 内核

Opera:以前是 presto 内核， Opera 现已改用 Google Chrome 的 Blink 内核

Chrome:Blink(基于 webkit， Google 与 Opera Software 共同开发)

告诉浏览器按照何种规范解析页面.

区别	布局	样式解析
Quirks	盒模型：在 W3C 标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在 Quirks 模式下， IE 的宽度和高度还包含了 padding 和 border。
Standards		设置行内元素的高宽：在 Standards 模式下，给等行内元素设置 wdith 和 height 都不会生效，而在 quirks 模式下，则会生效。
		设置百分比的高度：在 standards 模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用 margin:0 auto 设置水平居中：使用 margin:0 auto 在 standards 模式下可以使元素水平居中，但在 quirks 模式下却会失效。

2018-06-26 22:57:01