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

Question

我正在用 html 和 CSS 重建一个旧网站，从来没有用“旧式”标记制作过一个网站我不知道 size=+x 在 CSS 中与什么有关，是像素还是什么？有没有办法在 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 的值代替。

为了您的理智，不要为匹配这些糟糕的旧值而操心，通过视觉来完成，或者如果您真的担心，请对屏幕截图进行像素比较。