将旧的Html SIZE = + x转换为css

Question

我正在用html和CSS重新构建一个旧网站，从未创建过具有“旧式”标记的网站我不知道CSS中的尺寸= + x是什么，是像素还是什么？有没有办法在CSS中复制这个或者我必须准确指定大小？

简而言之，我如何将x像素添加到我不知道大小的东西？

我的特定例子是标记：

<H1 ALIGN=CENTER>
    <B><FONT color="red" SIZE=+4>PHONE BOOK</FONT></B>
</H1></CENTER>

Answer 1

这个脏的旧值等同于这个css

.item{
  font-size: xxx-large;
}

如果您在webkit中查看它，那就是。 在firefox中，它大约是48px。

Here's the old plus and minus tags in action

Here's the W3C's details of the modern equivalents

旧字体大小是相对于浏览器当前默认字体大小设置的。 如果您希望自己的网站了解它的设计方式，那么这不是您想要的机会。

想要我的意见，转储它，并使用em或px的值。

为了你的理智，不要为了这些糟糕的旧价值而过多地冒汗，通过视觉去做，或者如果你真的很担心，那就进行屏幕抓取的像素比较。

Answer 2

简而言之，标签有7种尺寸的文字：1-7。 当使用size = + 1时，默认值始终为3，这意味着使其大小大于3（与size = 4相同）。

它被使用，所以不同的网页浏览器将正确显示页面（他们的大小明显不同大小3探险家在Firefox上不一样等）

在css中只需定义一个字体和一个不错的字母大小，然后用它完成。

进一步阅读：http://www.jonstorm.com/html/font.htm

Answer 3

这很大程度上取决于页面上使用的基本字体大小，以及样式表中如何定义这些字体大小。确定使用Firebug的实际大小的最佳方法。检查元素并打开右侧的“计算”选项卡。它会告诉你字体大小（以像素为单位）。