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

Question

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

3

我正在用HTML和CSS重新制作一个旧网站，因为我从未使用过“旧式”标记语言制作过网站，所以我不知道CSS中的size=+x是什么，它是像素还是其他什么？有没有一种方法可以在CSS中复制这个效果，还是我必须精确指定尺寸？

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

对于我的特例，以下是标记语言：

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

- Jacxel

4

它甚至还有一个游离的闭合</CENTER>标签！ - BoltClock

你应该看看他们使用框架和表格做的一些东西 >.< - Jacxel

3个回答

1

简而言之，标签有7种文本大小：1-7。默认值始终为3，当使用size=+1时，它表示将其放大一个尺寸（与size=4相同）。

这是为了使不同的Web浏览器正确显示页面（它们的大小显然在Explorer上的大小与Firefox等不同）。

在CSS中，只需定义字体和适当的字母大小即可完成。

更多阅读：http://www.jonstorm.com/html/font.htm

- Gabriel H

0

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

- Diodeus - James MacFarlane

那么在CSS中没有“增加”字体大小的方法吗？ - Jacxel

这里有larger和smaller，但仅限于此。我不知道它与字体大小属性有多接近。 - BoltClock

如果我使用 h1{font-size:larger;}，它会使文本变小。 - Jacxel

如果您想要使用相对字体大小，请考虑使用“em”作为单位。请参阅：http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/ - Diodeus - James MacFarlane

@Jacxel {font-size:larger}确实会使字体变大。但是像h1这样的标签是特殊的：默认情况下，h1具有{font-size:200%}，因此如果您在自己的样式表中使用{font-size:larger}覆盖它，它只会使字体比普通文本稍微大一点，而不是原来的两倍大。 - Mr Lister

请注意，如果您将{font-size:larger}应用于H1内部的元素（在您的原始示例中为<b>），则该元素的文本将比H1更大。 - Mr Lister

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- daveyfaherty · Accepted Answer

这个陈旧的数值等同于这个CSS

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

如果您在webkit中查看它，那么它大约是36px。在Firefox中，它大约是48px。

这里是旧的加号和减号标签的实际应用

这里是W3C关于现代等效项的详细信息

旧的字体大小相对于浏览器当前默认字体大小设置。如果您希望您的网站看起来像设计的那样，这不是您想要随机留下的事情。

想听我的意见，放弃它，使用em或px值。

为了您的心理健康，请不要过分纠结匹配这些糟糕的旧值，通过视觉进行调整，或者如果您真的很担心，请进行屏幕截图的像素比较。