在内部链接中编辑字体大小和样式答案

【问题标题】：Editing Font Size and Style within a internal link在内部链接中编辑字体大小和样式
【发布时间】：2016-04-01 00:15:26
【问题描述】：

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

但是，我使用的编码设置为标准大小和字体。我想编辑主题标题的字体大小和字体样式。

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

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

【问题讨论】：

w3schools.com/html/html_css.asp（为 w3schools 链接道歉，但它似乎是最简洁的）
这只是 HTML。你用 JavaScript 或 jQuery 尝试过什么？您的字体要使用哪些样式？我假设您的意思是通过用户交互来增加字体？

标签： html fonts font-size

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

6 岁以下

在css中：

.title a{颜色：蓝色；}

【讨论】：

【解决方案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>

【讨论】：