!DOCTYPE 声明弄乱了我的字体大小答案

【问题标题】：!DOCTYPE declaration messing with my font sizes!DOCTYPE 声明弄乱了我的字体大小
【发布时间】：2013-03-09 01:32:03
【问题描述】：

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

以上是 W3 验证器为我的网站建议的文档类型。

我真的很愚蠢，并且没有在每一页的顶部声明文档类型。

幸运的是，它似乎只影响了字体大小/粗细，由于某种原因，它们现在都很大。

以下是我网站上的 CSS 示例。有什么建议吗？

table.bookings {
    width: 744;
    margin-left: 8px;
    font-size: 14px;
    font-family: "Helvetica";
    color: #ffffff;
    text-decoration: none;
    background-color:#484848;
}

非常感谢

【问题讨论】：

这是什么浏览器？
Chrome 和 Firefox，最新版本。
尝试使用 html5 的文档类型相同
这就是 html5 所需要的吗？只是 ?
是的，请查看this链接。

标签： html css fonts size doctype

【解决方案1】：

一旦你声明这是一个 html doc 类型，你就不能在里面放一个 css 代码，浏览器会乱解释它，所以把 css 代码放在一个单独的文件里。

【讨论】：

其实可以的。您只需将 css 代码包含在标记中。见w3schools.com/TAGs/tag_style.asp
@quant 我的意思是说你声明了它的html文档，你把css放在里面是矛盾的，css是一回事，html是另一回事，这两种文档类型不同。

【解决方案2】：

验证器不建议任何文档类型。它只是默认为特定的文档类型。

通过从一组备选方案中添加一个文档类型，您可以在浏览器中触发“标准模式”。这实际上意味着“非故意破坏模式”，即避免“怪癖模式”，这是浏览器模式的统称，它们或多或少地模仿旧浏览器的错误（类似于 IE 5 错误）。您显然正在使用这样的文档类型，即使问题缺少作为文档类型字符串一部分的 < 和 > 字符。

Quirks mode vs. 标准模式会影响很多事情，尤其是在 CSS 中。这可能包括，除其他外，打破字体大小的继承。也就是说，为包含表格的元素声明的字体大小可能不会被表格的单元格继承。从发布的摘录中，无法说出真正发生的事情。但在标准模式下，至少 width: 744 部分会因为语法错误而被忽略。

如果您编写的页面现在使用 quirks 模式，显然您已经这样做了，那么合理的选择是保持这种方式并重写它。对于新页面，从一开始就使用标准模式。

【讨论】：

【解决方案3】：

请纠正您的 Doctype，我认为您使用的是 html4.01，所以它：-

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

对于新的 HTML5，文档类型为：-

<!DOCTYPE HTML>

同时更正您的字体系列，它没有错，但就 w3v 规则而言，您必须提到字体是无衬线、草书等...

font-family: "Helvetica", sans-serif;

【讨论】：

哇，效果很好！使用该特定文档类型的字体仍然显得更大，但无衬线修复了它！谢谢！
文档类型显然与问题中的相同（以误导方式编写）。添加sans-serif 不是必须的，它没有提及任何内容，它只是说（在这种情况下）如果Helvetica 不可用，那么应该使用浏览器的默认字体。（事实上，当真正的 Arial 不可用时，Windows 将 Helvetica 识别为 Arial 的同义词。）因此，如果这似乎解决了问题，那么它与问题中的问题大不相同。