在内部编辑字体大小和样式 link

Question

我最近学会了如何创建一个 html 内部 link；允许我的成员跳转到特定信息的页面。

然而，我使用的编码设置为标准大小和字体。我想修改主题标题的字体大小和字体样式。

a name="category-one">Under 6's</a>

以上是我目前的编码；如何增加标题的文字 "Under 6's"?

Answer 1

你可以通过这种方式在元素中使用内联样式

<a name="category-one" style="font-size:18px; color: green;" >Under 6's </a>

Answer 2

您应该始终使用 css 进行样式设置。您可以给每个元素一个单独的 class 并相应地设置它们的样式。

6 岁以下

在css中：

.title a{color: blue;}

Answer 3

有更有效的方法来引用对象。

class用途广泛，可以多次应用，这是首选方式。
id 不是通用的，因为每个 id 都必须是唯一的，因此您仅限于设置单个元素的样式。

a[name='category-one'] {
  font-size: 16px;
  font-family: "Palatino Linotype";
}
a.category-two {
  font-size: 1em;
  font-family: "Source Code Pro";
}
a#category-three {
  font: 1rem;
  font-family: "Verdana";
}
a:hover {
  font-size: 20px;
  font-family: "Arial";
}

<a name="category-one">Under 6's (refer by name attribute)</a>
<a class="category-two">Under 7's (refer by class attribute)</a>
<a id="category-three">Under 8's (refer by id attribute)</a>

应用样式的三种方式：

首选方法是使用单独的文件（例如 style.css），然后从您的主页指向它：

<link href="http://www.example.com/css/style.css" rel="stylesheet"/>

维护一个单独的文件可能需要更多工作，但它可以供您网站上的多个页面使用。
另一种提供 CSS 规则的方法是使用 <style> 元素并将其放在 </head> 结束标记之前。虽然加载时速度较快，但代码会变得难以管理，并且只能被一个页面使用（<style>所在的页面。）

.... <style> .foo { height: 60px; } .... </style> </head>
不鼓励使用内联样式，如果有的话，应该谨慎使用。它们仅限于它们所在的元素，更难定位和调试。一个优点是规则将优先于所有其他非内联样式规则（或者我应该说，大部分时间，因为总是存在错误或边缘情况）。

<a name="category-four" style="color: red; background: #000;">Under 9's</a>

在内部编辑字体大小和样式 link

Editing Font Size and Style within a internal link

html

fonts

font-size