html - 如何在标题中添加自定义标签以使 WordPress 中的字体变大？

Question

<分区>

Answer 1

我会这样做:

1. 我会在您使用的主题中使用的 CSS 文件中添加以下规则:

.fs30 { font-size: 30px; font-weight: bold; }

1. 这将是 HTML 中所需的代码:

<h2><strong><a class="fs30" style="color: #3f51b5">Text for the header I need to be 30 pixels large and in bold. The size here is still too small. </strong></h2>

如果未应用样式，则您遇到以下问题之一:

• 您的 CSS 文件未被使用
• 正在缓存您的 CSS 文件
• 具有更高优先级的规则会覆盖您对 fs30 的规则

所有这些问题类型都有详细的记录。

编辑:您需要以下规则:font-size: 30px; font-weight: bold;您可以通过多种可能的方式添加规则:

1. style="font-size: 30px; font-weight: bold;"在标签头内

2. .fs30 {font-size: 30px; font-weight: bold;}在 <style> 里面标签

3. .fs30 {font-size: 30px; font-weight: bold;}在外部 CSS 文件中

对于方法 2. 和 3.，您需要添加 class="fs30"属性到目标标签。方法 1. 明显不如方法 2. 和 3.，原因如下:

• style属性不可重用，如果你想为另一个标签重用它，你将不得不复制它。如果您已经复制了 200 次并且想要更改设计，那么您将不得不为所有 200 次更改它
• style属性在结构上无关紧要，它们的目的完全与设计相关，并且不必要地使您的代码变得困惑
• 如果你想研究你的设计，那么你也必须阅读HTML代码，这是你在研究设计时不感兴趣的

所以，而不是 style属性，你显然需要一个 style标记或外部 css 文件。但是，外部 css 文件优于 style标签。这样你的 html 代码会更小，而且，非常重要 是 css 文件将被某些浏览器缓存，减少进一步提取时需要下载的数据大小，因此你的用户将体验更快的速度，而您的服务器将更具可扩展性。更不用说外部 css 文件比 style 更可重用了。标签，因此如果需要，您将只复制链接标签(1 行代码)而不是数千行。