gpt4 book ai didi

php - 在 <!DOCTYPE…> 之前显示任何文本时,字体大小属性被破坏

转载 作者:太空宇宙 更新时间:2023-11-03 20:14:20 24 4
gpt4 key购买 nike

这可能是个愚蠢的问题。我在外部样式表上定义所有样式,并将它们链接到我的文档,如下所示:

<link rel="stylesheet" type="text/css" href="tema.css" />

我的 CSS 是这样的:

body {
background: #333;
font-size: 10pt;
color: white;
font-family: sans;
}
#Table {
/* font-size: inherit; */
}

还有我的<!DOCTYPE>是这样的:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

顺便说一句,非常标准。但是,如果我 print 为什么我的 CSS 样式会中断?在 <!DOCTYPE> 之前在我的文件上声明?

如果我这样做:

foo
<!DOCTYPE … >
<html>
<table id="Table">…</table>
</html>

font-size我的表的属性被破坏,其中的所有文本都使用默认的 font-size 呈现。我的浏览器(12 pt),但表格内部的文本(我还没有发现其他问题,这是我唯一注意到的问题到目前为止),并且只有当我没有设置特定的 font-size 时对于表格,10pt直接或inherit :

Table example 1

但是,如果我这样做(将 <!DOCTYPE> 放在回显之前 ):

<!DOCTYPE … >
foo
<html>
<table id="Table">…</table>
</html>

或者这个(为表格设置一个特定的 font-size,即使 <!DOCTYPE> 在回显文本之后):

body {

}
#Table {
font-size: inherit;
}

似乎一切正常:

Table example 2

问题是:为什么?这发生在其他人身上吗?这是一个错误吗?我应该报告吗?

这是 test document在 pastebin 上,这样你就可以玩了。

注意:

这种情况发生在 Google Chrome、IE、Firefox、Opera、Midori 甚至我的 android 内置浏览器上。

我回显该文本只是为了调试目的,所以没有必要,我可以保留 <!DOCTYPE>在顶部,但把它放在那里感觉不对,只是我找不到与 <!DOCTYPE> 的位置相关的此行为的任何信息。声明。

最佳答案

这不是错误。

DOCTYPE 之前将浏览器中的渲染引擎切换到怪癖模式并使它们的行为像 IE5(嗯,有点)。

因此,最好的解决方案总是先输出 DOCTYPE

你的情况是问题所在

Don't inhertit font properties into tables except for font-family.

参见:

https://developer.mozilla.org/en-US/docs/Mozilla_Quirks_Mode_Behavior

https://developer.mozilla.org/en-US/docs/Quirks_Mode_and_Standards_Mode

关于php - 在 &lt;!DOCTYPE…> 之前显示任何文本时,字体大小属性被破坏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24524430/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com