如何在标题中添加自定义标记以使WordPress中的字体更大？

Question

我是一名自学成才的新手，在这里寻求专家的指导。我需要帮助在WordPress中定义CSS来改变网页上标题的字体大小，颜色和重量。

到目前为止，我的代码是：

<h2><strong><a 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>

如何更改它以使字体大30像素且更大胆？

如果之前有人问过并回答道歉，但我在这里的所有搜索结果都没有具体解决我的问题。我提前感谢你的帮助。这是我对这个小组的第一个问题。

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;" {li>

   .fs30 {font-size: 30px; font-weight: bold;}位于<style>代码

内 外部CSS文件中的

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

对于方法2.和3.您需要将class="fs30"属性添加到目标标记。方法1.明显不如方法2和方法3.由于以下事实：

• style属性不可重复使用，如果要将其重新用于其他标记，则必须复制它。如果您已经复制了200次并且想要更改设计，则必须为所有200个案例进行更改
• style属性在结构上是无关紧要的，它们的目的仅仅是与设计相关并且不必要地使您的代码变得混乱
• 如果你想学习你的设计，那么你也必须阅读HTML代码，你在学习设计时不感兴趣

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