如何设置HTML链接的样式？

Question

非常简单的问题;

我在HTML中有一个我需要调整大小的链接，我编辑了CSS文件来创建这个类：

.redirect {
font-size: 1em;
}

在主PHP文件中，我将标签设置如下----＆gt;

<a class="redirect" href="https://www.irijobs.com"><font color="blue"><<       Click here to go back to irijobs.com homepage <<</font></a>

尺寸绝对没有变化......任何指针？我确定这是一个简单的语法错误。

编辑：我的大多数样式错误来自先前的开发人员在HMTL标签中包装CSS，这不仅是不必要的，而且使浏览器感到困惑。

Answer 1

字体大小1em等于当前字体大小。您必须增加em以查看更改，例如1.5em或2em以使大小加倍。

.redirect {
    font-size: 1.5em;
}

Answer 2

不要使用<font>标记，因为HTML 4已弃用。只需执行以下操作并将任何大小应用于font-size：

.redirect {
  font-size:1em;
  color:blue;
}

<a class="redirect" href="https://www.irijobs.com"><<       Click here to go back to irijobs.com homepage << </a>

Answer 3

首先，您应该将<中的<< Click here to go back to irijobs.com homepage <<更改为<。这是因为浏览器认为<符号会启动新标记，例如<a>。

其次，font-size: 1em表示字体大小等于默认值。 2em大2倍，0.5em是原始大小的一半。

我建议您将<font>代码更改为CSS规则color:blue;。不推荐使用<font>标记，而是使用CSS color属性。

此外，多个空格显示为单个空格。

CSS：

.redirect {
  font-size: 2em; /* or some another value, may be also in pixels (like 20px) or points (like 16pt)*/
  color: blue;
}

HTML：

<a class="redirect" href="https://www.irijobs.com">&lt;&lt; Click here to go back to irijobs.com homepage &lt;&lt;</a>