html - 为什么 <p> 元素在两个几乎相同的 HTML 页面上的样式不同?

标签 html css

两个页面使用相同的 CSS 文件并具有几乎相同的内容,但在一个页面上都是 <p>默认情况下,元素具有顶部和底部边距,而其他元素则没有。在浏览器中检查元素不会提供任何线索,因为边距从未明确声明过。是什么原因导致这些<p>元素表现不同(至少在 Firefox 中,我没有在其他浏览器中测试过)?

最佳答案

我花了荒谬的时间试图解决问题(使用浏览器检查器和 Firebug ,检查 css 文件)但没有运气,所以我转而逐行比较 html 文件。这些元素格式不同的原因在于其中一个 html 文件的第一行。

一个文件开始于:

<!DOCTYPE html>

而另一个没有,这足以改变 html 元素(例如 p)的默认样式。


这很可能是由于缺少 DOCTYPE 时浏览器切换到 quirks mode 造成的模拟旧版浏览器的错误功能。

关于html - 为什么 <p> 元素在两个几乎相同的 HTML 页面上的样式不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22035978/

相关文章:

html - 半透明图像边框

javascript - 如何用脚本更改ajximage.php?

html - 如何使用 flexbox 将 block 中的第三个元素向下移动?

html - 如何在悬停效果中更改html ul中的颜色和反转颜色

html - 如何在 Flash 中读取 HTML cookie?

html - 根据显示尺寸更改 div 的类别

html - 将标题按钮居中而不使其成为静态/绝对

java - 如何使用 selenium 更改元素的样式

html - 当悬停时将工具提示所在的元素设置为较低的值时,如何使工具提示的不透明度为 1

jquery - 为什么左 css 属性函数在我的动画函数中不起作用