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

标签 html css fonts size doctype

!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;
}

非常感谢

最佳答案

请更正您的 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;

关于html - !DOCTYPE 声明弄乱了我的字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15515356/

相关文章:

html - 根据元素的数量拉伸(stretch)列表元素的全宽

css - 将字体导入 React 应用程序

ios - iOS 和 Mac 之间的文本渲染不一致

html - 如何为 Chrome 中的表格单元格添加透明边框?

没有 jquery 的 style\classes 的 jquery 对话框

css - 似乎无法在 header_container div 中看到 logo.jpg?

ios - 将我下载的字体设置为粗体

html - IE 7 表现奇怪还是只有我一个人

javascript - 想要在区域悬停时更改图像源

javascript - jQuery Carousel 插件与 WowSlider 类似且更轻