增加超链接文本html的字体大小

Ani*_*ket 10 html css anchor font-size

我正在处理我已经使用href的 Web应用程序.但与页面比较时,它的默认字体太小.所以我想增加字体的大小.

我的输出页面如下所示:

在此输入图像描述

我已尝试使用字体大小的锚标记,但它在字体标记后没有显示任何效果.

我试过的代码是:

<font size="100px"><a href="selectTopic?html" style="text-decoration: none">HTML 5</a></font>
Run Code Online (Sandbox Code Playgroud)

那么我该如何改变字体大小呢?

Eli*_*Eli 17

你可以这样做:

a {font-size: 100px}
Run Code Online (Sandbox Code Playgroud)

请尽量避免使用字体标记,因为它已被弃用.请改用上面的CSS.您可以为锚点指定特定类,并为它们应用任何样式.

  • 这将改变所有`a font-size`,所以最好告诉你使用类或使用子选择器,而不是像`ul.class li a` (4认同)

Guf*_*ffa 11

您的font标记不正确,因此在某些浏览器中无效.该px单元与CSS一起使用,而不是HTML属性.字体标记应如下所示:

<font size="100">
Run Code Online (Sandbox Code Playgroud)

嗯,实际上它根本不应该存在.该font标签已弃用,您应该使用CSS来设置内容的样式,就像您已经使用的那样text-decoration:

<a href="selectTopic?html" style="font-size: 100px; text-decoration: none">HTML 5</a>
Run Code Online (Sandbox Code Playgroud)

要将内容与样式分开,您当然应该将CSS放在样式表而不是内联style属性中.这样,您可以将一种样式应用于多个元素,而无需style在所有元素中添加相同的属性.

例:

<a href="selectTopic?html" class="topic">HTML 5</a>
Run Code Online (Sandbox Code Playgroud)

CSS:

.topic { font-size: 100px; text-decoration: none; }
Run Code Online (Sandbox Code Playgroud)