如何在标头中添加自定义标签以使WordPress中的字体变大?

ja

我是一位自学成才的新手,正在这里寻求专家的指导。我需要在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像素且加粗?

抱歉,是否曾经有人问过并回答过此问题,但我在此处的所有搜索结果并未具体解决我的问题。预先感谢您的帮助。这是我向这个小组提出的第一个问题。

拉霍斯·阿帕德(Lajos Arpad)

我将按以下方式进行操作:

  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文件而不是属性但是,与style标签相比,外部CSS文件更胜一筹这样,您的html代码将更小,而且非常重要的一点是,某些浏览器会缓存css文件,从而减少了进一步提取所需下载的数据量,因此,您的用户将获得更大的速度,而服务器将更具可扩展性。更不用说外部css文件比style标记更可重用的事实,因此您将仅复制链接标记(1行代码),而不需要复制数千行。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在TCPDF中添加自定义字体?

来自分类Dev

如何在 prestashop 中添加自定义字体?

来自分类Dev

如何在自定义tableviewcelll中设置标签的自定义字体?

来自分类Dev

如何在Wordpress中自定义标签?

来自分类Dev

如何在PyYaml中添加自定义嵌套标签?

来自分类Dev

如何在Vaadin RichTextArea中添加自定义字体和自定义字体大小

来自分类Dev

如何在nodejs中的Swagger UI(swagger.json)中的标头中表示自定义令牌

来自分类Dev

如何在自定义帖子中添加 wordpress 自定义部分

来自分类Dev

HTTP :: Daemon:如何在HTTP标头中为服务器设置自定义值?

来自分类Dev

如何在python igraph中为顶点标签使用自定义字体?

来自分类Dev

如何在python igraph中为顶点标签使用自定义字体?

来自分类Dev

如何在cxf soap请求中添加自定义标头?

来自分类Dev

如何在Asp.Net-MVC中添加自定义HTTP标头

来自分类Dev

如何在电子邮件中添加自定义Internet标头?

来自分类Dev

如何在动态生成的Web服务中添加自定义SOAP标头?

来自分类Dev

如何在angularjs应用程序中为Bootstrap Popover添加自定义标头

来自分类Dev

如何在Asp.Net-MVC中添加自定义HTTP标头

来自分类Dev

如何在ionic2中添加新的自定义字体图标

来自分类Dev

如何在iOS的settings.bundle中添加自定义字体

来自分类Dev

在WordPress中为自定义帖子类型添加自定义标签

来自分类Dev

如何添加自定义字体?

来自分类Dev

如何添加自定义字体?

来自分类Dev

如何在CSS中安装自定义字体

来自分类Dev

Android如何在画布中设置自定义字体?

来自分类Dev

如何在 Xcode playgrounds 中实现自定义字体

来自分类Dev

如何在iOS中的自定义tableviewcell中的图像上添加文本标签

来自分类Dev

在Xamarin中添加自定义字体

来自分类Dev

如何在ckeditor中定义自定义html标签

来自分类Dev

如何在自定义wordpress主题上添加徽标

Related 相关文章

  1. 1

    如何在TCPDF中添加自定义字体?

  2. 2

    如何在 prestashop 中添加自定义字体?

  3. 3

    如何在自定义tableviewcelll中设置标签的自定义字体?

  4. 4

    如何在Wordpress中自定义标签?

  5. 5

    如何在PyYaml中添加自定义嵌套标签?

  6. 6

    如何在Vaadin RichTextArea中添加自定义字体和自定义字体大小

  7. 7

    如何在nodejs中的Swagger UI(swagger.json)中的标头中表示自定义令牌

  8. 8

    如何在自定义帖子中添加 wordpress 自定义部分

  9. 9

    HTTP :: Daemon:如何在HTTP标头中为服务器设置自定义值?

  10. 10

    如何在python igraph中为顶点标签使用自定义字体?

  11. 11

    如何在python igraph中为顶点标签使用自定义字体?

  12. 12

    如何在cxf soap请求中添加自定义标头?

  13. 13

    如何在Asp.Net-MVC中添加自定义HTTP标头

  14. 14

    如何在电子邮件中添加自定义Internet标头?

  15. 15

    如何在动态生成的Web服务中添加自定义SOAP标头?

  16. 16

    如何在angularjs应用程序中为Bootstrap Popover添加自定义标头

  17. 17

    如何在Asp.Net-MVC中添加自定义HTTP标头

  18. 18

    如何在ionic2中添加新的自定义字体图标

  19. 19

    如何在iOS的settings.bundle中添加自定义字体

  20. 20

    在WordPress中为自定义帖子类型添加自定义标签

  21. 21

    如何添加自定义字体?

  22. 22

    如何添加自定义字体?

  23. 23

    如何在CSS中安装自定义字体

  24. 24

    Android如何在画布中设置自定义字体?

  25. 25

    如何在 Xcode playgrounds 中实现自定义字体

  26. 26

    如何在iOS中的自定义tableviewcell中的图像上添加文本标签

  27. 27

    在Xamarin中添加自定义字体

  28. 28

    如何在ckeditor中定义自定义html标签

  29. 29

    如何在自定义wordpress主题上添加徽标

热门标签

归档