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

时间:2013-03-20 04:30:02

标签: html css fonts size doctype

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

以上是W3验证器为我的网站建议的doctype。

我一直非常愚蠢,并且在没有在每页顶部声明doctype的情况下发展得非常强大。

幸运的是,它似乎只影响了字体大小/重量,由于某些原因,它们现在都很庞大。

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

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

非常感谢

3 个答案:

答案 0 :(得分:1)

Plz更正你的Doctype,我认为你使用html4.01所以它: -

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

对于新的HTML5,doctype将是: -

<!DOCTYPE HTML>

同样纠正你的字体系列,它没有错,但就w3v规则而言,你必须提到字体是无衬线,草书等......

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

答案 1 :(得分:1)

验证程序不建议任何doctype。它只是默认到特定的doctype。

通过从某组备选方案中添加doctype,您可以在浏览器中触发“标准模式”。这实际上意味着“非故意破坏模式”,即它意味着避免“怪癖模式”,这是浏览器模式的集体名称,它们或多或少地模仿旧浏览器的错误(类似IE 5错误)。您显然正在使用这样的doctype,即使问题缺少属于doctype字符串的<>字符。

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

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

答案 2 :(得分:-1)

一旦您声明这是html doc类型,就不能在其中放入CSS代码,浏览器将对其进行混乱的解释,因此请将CSS代码放在单独的文件中。

相关问题